开发学院网页设计 JavaScript jQuery 练习[二]: 获取对象(2) - 定位子对象阅读

jQuery 练习[二]: 获取对象(2) - 定位子对象

　2010-06-11 00:00:00　来源：WEB开发网　　　

核心提示：选择中的特殊符号:#指示id.指示class*全选,多选空格后代>子~兄弟+下一个:子(多功能)()函数式的过滤与查找获取 div 下的所有标题对象: $("div :header") <body><h3>AAA</h3><p>BBB</p

选择中的特殊符号:

#　　指示　id　 .　　指示　class　 *　　全选　 ,　　多选　空格　后代　 >　　子　 ~　　兄弟　 +　　下一个　 :　　子(多功能)　 ()　　函数式的过滤与查找　

获取 div 下的所有标题对象: $("div :header")

<body> 　　　　<h3>AAA</h3> 　　　　<p>BBB</p> 　　　　<h4>CCC</h4> 　　　　<div> 　　　　　　　　<h3>DDD</h3> 　　　　　　　　<p>EEE</p> 　　　　　　　　<h4>FFF</h4> 　　　　</div> </body>　

获取所有标题对象: $(":header")

<body> 　　　　<h3>AAA</h3> 　　　　<p>BBB</p> 　　　　<h4>CCC</h4> 　　　　<div> 　　　　　　　　<h3>DDD</h3> 　　　　　　　　<p>EEE</p> 　　　　　　　　<h4>FFF</h4> 　　　　</div> </body>　

获取 first, 如: $("li:first") 或 $("li").first() 或 $("ul :first") 或 $("ul li:first")

<ul> 　　　　<li>AAA</li> 　　　　<li>BBB</li> 　　　　<li>CCC</li> 　　　　<li>DDD</li> 　　　　<li>EEE</li> 　　　　<li>FFF</li> 　　　　<li>GGG</li> </ul> <ul> 　　　　<li>111</li> </ul> <ul> 　　　　<li>XXX</li> 　　　　<li>YYY</li> 　　　　<li>ZZZ</li> </ul>　