jquery物件是通過jquery包裝dom物件後產生的物件,是jquery獨有的。jquery物件無法使用dom物件的任何方法,dom物件也不能使用jquery物件的方法。
jquery提供兩個方法將乙個jquery物件轉換成dom物件。
var $cr = $("#cr"); //jquery物件
var cr = $cr[0]; //dom物件
對於dom物件,只需要用$()把dom包裝起來就可以得到jquery物件。var $cr = $("#cr"); //jquery物件
var cr = $cr.get(0); //dom物件
jquery庫在其他庫之前匯入,無需呼叫var cr = document.getelementbyid("cr"); //dom物件
var $cr = $(cr); //jquery物件
jquery.noconflict()
函式
jquery庫在其他庫之後匯入
其一:
其二:jquery.noconflict(); //將變數$的控制權移交給prototype.js
jquery(function($))
jquery選擇器的寫法和css選擇器的寫法十分相似,只不過效果不同,css選擇器找到元素後是新增樣式,jquery找到元素後新增行為。jquery.noconflict(); //將變數$的控制權移交給prototype.js
(function($));
});
優勢:當jquery檢查某個元素在網頁上是否存在時,可以根據獲取到的元素的長度來判斷,**如下:寫法非常簡潔。
$()
代替document.getelementbyid()
函式。支援css1到css3選擇器,相容性高。
完善的處理機制。利用傳統的
getelementbyid()
如果沒有該元素,瀏覽器就會》報錯,而$()
可以避免這種情況。$()
獲取的永遠是物件,即使網頁上沒有此元素。
if($("#tt").length > 0)
或者轉換成dom物件來判斷,如下:
if($("#tt")[0])
最簡單的選擇器,通過元素id、class和標籤名等來查詢dom元素。
選擇器描述
返回示例
#id指定的id
單個元素
$("#test")
.class
類名集合元素
$(".test")
element
元素名集合元素
$("p")
通過dom元素之間的層次關係來獲取特定元素,例如後代元素、子元素、相鄰元素
$("prev~siblings")選擇器只能選擇"prev"元素後面的同輩元素,而siblings()方法與前後位置無關,只要是同輩節點都能匹配。
$(".one ~ div").css(); //選取.one之後的所有同輩div元素
$(".one").nextall("div").css(); //選取.one之後的所有同輩div元素
$(".one").siblings("div").css();//選取.one所有同輩div,無論前後位置
鋒利的JQuery(六)
ajax 可以設定beforesend error success complete等 getscript 載入js檔案 getjson 載入json檔案 each 通用的遍歷方法 serialize 將dom元素內容序列化為字串 serializearray 將dom元素內容序列化為json格式的...
鋒利的JQuery(五)
jquery與ajax load load url restext load test.html 載入所有元素 load url selector restext load test.html para 載入class為para的元素 load url,callback restext load t...
《鋒利的jquery》認識jquery總結
window.onload和 document ready 執行時機不同,前者必須等待網頁中所有的內容載入完畢後,後者是所有dom結構繪製完畢後 編寫個數前者只允許乙個,後者允許多個。jquery物件和dom物件是不同的,但是可以進行相互轉換 var jq jq var jq jq 0 var jq...