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");