jquery和原生的相互对比

1，随便谢谢，为了加深下基础，顺便系统的学习下jquery的能力，开始从头到尾过一遍。

.add()向已有的节点序列中添加新的对象。

$(document).ready(function(){
	$("button").click(function(){
		$("p").add("<br><span>一个新的span元素。</span>").appendTo("p");
	});
});


$("p").add("<span>我是THML片段的</span>").appendTo("body").css("backgroundColor","red");//当add()中是html片段可以添加元素和改变样式。
            $("p").add("span").css("backgroundColor","red");//当add()中是选择器字符串只可以改变样式。
            $("p").add($("span")).css("backgroundColor","red");//当add()中是jquery对象只可以改变样式。
            $("p").add(document.getElementById("span")).css("backgroundColor","red");//当add()中是DOM元素只可以改变样式。

2.andSelf()
调用andSelf()方法则会把先前所选的加入到当前元素集合中

<ul> 
  <li>html专区</li> 
  <li class="second">DIV+CSS专区</li> 
  <li>Javascript专区</li> 
  <li>Jquery专区</li> 
</ul>
$(".second").nextAll().andSelf().css("color","green");
$(".second").nextAll().css("color","green"); //因为该方法的存在，会将前面选择的第二个也改变样式

3.eq() 指定索引选取节点,可以是负数 (从指定元素的最后一位开始计数)

$("p").eq(1).css("background-color","yellow");