[jQuery]2.2レベルセレクタ(セレクタ、サブセレクタ、隣接セレクタ、兄弟セレクタを含む)
1457 ワード
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript" src="jquery-1.7.min.js"></SCRIPT>
<script>
$(function(){
var x = '1. :'
$("div div").each(function(i){
x += $(this).html() + ' ';
});
alert(x);//1 2 5
var b = '2. :';
$(">div",$("#ff")).each(function(i){
b += $(this).html() + ' '
});
alert(b)//1 2
//3.
$("#ff+div").each(function(i){
alert($(this).html())//3
});
$("+div",$("#ff")).each(function(i){
alert($(this).html())//3
});
//5.
var a = '5. :';
$("#ff~div").each(function(i){
a += $(this).html() + ' ';
});
alert(a);//3 4 <div>5</div>
})
</script>
</HEAD>
<BODY>
<div id="ff">
<div>1</div>
<div>2</div>
</div>
<div>3</div>
<div>4</div>
<div><div>5</div></div>
</BODY>
</HTML>