jquery和原生的相互對比

1，隨便謝謝，為了加深下基礎，順便系統的學習下jquery的能力，開始從頭到尾過一遍。

.add()向已有的節點序列中新增新的物件。

$(document).ready(function());

});            $("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()方法則會把先前所選的加入到當前元素集合中

$(".second").nextall().andself().css("color","green");

$(".second").nextall().css("color","green"); //因為該方法的存在，會將前面選擇的第二個也改變樣式

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

當動態建立元素的父級有繫結事件情況下，動態建立的元素用on

$('父元素').on('click','動態的子元素',function(){});

if($(this).find("ul").is(":visible"))else

原生JS與jQuery操作DOM對比

1.1 原生js建立元素節點 1 document.createelement p 1.2jquery建立元素節點 1 2.1 原生js建立文字節點 1 document.createtextnode text content 1 2 3 var textel document.createtext...

原生JS與jQuery操作DOM對比

1.1 原生js建立元素節點 document.createelement p 1.2jquery建立元素節點 2.1 原生js建立文字節點 document.createtextnode text content 通常建立文字節點和建立元素節點配合使用，比如 var textel document...

原生JS與jQuery操作DOM對比

1.1 原生js建立元素節點 1document.createelement p 1.2jquery建立元素節點 1 2.1 原生js建立文字節點 1 document.createtextnode text content 12 3var textel document.createtextnod...