鋒利的jquery學習

jquery提供兩個方法將乙個jquery物件轉換成dom物件。

var $cr = $("#cr");  //jquery物件

var cr = $cr[0]; //dom物件

var $cr = $("#cr");  //jquery物件

var cr = $cr.get(0); //dom物件

var cr = document.getelementbyid("cr"); //dom物件

var $cr = $(cr); //jquery物件

jquery庫在其他庫之後匯入

其一：

jquery.noconflict();    //將變數$的控制權移交給prototype.js

jquery(function($))

jquery.noconflict();    //將變數$的控制權移交給prototype.js

(function($));
});

優勢：

寫法非常簡潔。$()代替document.getelementbyid()函式。

支援css1到css3選擇器，相容性高。

完善的處理機制。利用傳統的getelementbyid()如果沒有該元素，瀏覽器就會》報錯，而$()可以避免這種情況。$()獲取的永遠是物件，即使網頁上沒有此元素。

if($("#tt").length > 0)

if($("#tt")[0])

選擇器描述

返回示例

#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...