操作jQuery集合——串联操作

1.andSelf ( )方法

<div id="div1">
  <div>
    <p>p元素</p>
  </div>
  <span>111</span>
  <span>222</span>
  <span>333</span>
</div>
<div id="div2">
  <p>p元素</p>
</div>

$("div").find().andSelf().css("color","#e5e5e5");  //设置所有div里的元素的字体颜色
$("#div1").find().andSelf().css("color","blue");  //只设置id为div1元素中所有后代元素的字体颜色

2.end ( )方法

<div>
兴趣爱好：
    <select>
<option id="op">长跑</option>
<option id="op2">短跑</option>
</select>
<input type="checkbox" value="钢琴" />钢琴
<input type="checkbox" value="排球" />排球
<input type="checkbox" value="网球" />网球
<input type="checkbox" value="小提琴" />小提琴
<input type="checkbox" value="街舞" />街舞
</div>

$("select").find("option").css("color","#f93");//查找并选取option

$("select").find("option").end().css("color","#f93");//查找并选取option之后再选取select元素

3.add ( expr , [ context ] )方法

<p>p元素</p>
<span>span元素</span>
$("p").add("span").css("color","#f93");

4.contents ( )方法

用于从每个匹配元素中查找所有子节点（包括文本节点）或者文档内容（对于iframe元素）。

注意区别于children（）方法。