add()であるエレメントに別のエレメントを追加する

jQueryを使って、以下のように、特定のタグに対して、別のタグを追加したいときのサンプルを示します。

f:id:sho322:20140511140442j:plain

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>エレメントを追加する</title>


<script src="js/jquery-1.11.1.js"></script>
<script>
$(document).ready(function() {
	$('p').add('span').css('background-color','blue');
});
</script>

</head>
<body>

<div>ここは普通にする</div>
<p>ここは背景を青くする</p>
<div>ここは普通にする</div>
<p>ここは背景を青くする</p>
</body>