DOM對象與JQuery包裝集

1.DOM對象與JQuery包裝集

1.經過document.getElementById()，document.getElementsByName()等取的就是DOM對象或DOM對象集，前者取的是對象，後者取得DOM對象集

var text11_dom=document.getElementById("text11");
var text11_dom=document.getElementsByName("text11")[0];
var text11_dom=document.all.text11;//此處text11便可以是name值也能夠是id值
var text11_dom=document.all[10];

2.若是要使用JQuery提供的函數首先要構造JQuery包裝集，經過$()返回的便是JQuery包裝集。

var text11_jquery=$("#text11");

2.JQuery包裝集與DOM對象互相轉換
1.DOM對象不能使用JQuery屬性方法，但DOM對象能夠經過$()轉換成JQuery包裝集

var text11_dom=document.getElementById("text11");
var text11_jquery=$(text11_dom);

2.JQuery包裝集能夠使用部分DOM對象的屬性方法如.length，但也有個別屬性方法不能使用如.value，能夠經過在JQuery包裝集後面加中括號及索引值獲取對應DOM對象

var text11_dom=$("#text11")[0];

3.在each循環時或觸發事件時的this也是DOM對象

$("#text11").click(function(){
    var text11_dom_value=this.value;
    alert(text11_dom_value);
});

3.$符號在JQuery中表明對JQuery對象的引用，JQuery的核心方法有四個
1.jQuery(html[,ownerDocument]):根據HTML原始字符串動態建立Dom元素

$("<div><p>Hello!</p></div>").appendTo("body");

2.jQuery( elements ):將一個或多個Dom對象封裝爲jQuery包裝集，就是上面的DOM對象與JQuery包裝集轉換
3.jQuery( callback ):$(document).ready()的簡寫方式

$(function(){
    alert("Hello!");
});

 4.JQuery(selector[,context]):在指定範圍內查找符合條件的JQuery包裝集，context爲查找範圍，context能夠是DOM對象集也能夠是JQuery包裝集
在全部tr標籤中查找id爲text11元素的JQuery包裝集

var text11_query=$("#text11","tr");