關於jquery的簡介--- 就不在這裡贅述了。
jquery中,$就是jquery的簡寫,兩者等價
上面的**和window.onload相似但還是有區別window.onload 必須等所有內容(包括等)全部載入完才能執行|不能同時編寫多個|無簡寫方式
$(document).ready() 網頁中所有的dom結構回執完畢後就執行,可能dom元素關聯的東西並沒有載入完|可以同時編寫多個,且都能正確執行|可以簡寫成$(functon())
jquery和dom
dom物件,是在dom樹中,可以通過如js的getelementbytagname或者getelementbyid來獲取節點,這樣子得到的就是dom物件
jquery物件,是通過jquery包裝dom物件後產生的物件。它是jquery裡獨有的,它可以使用jquery裡的方法,如:
$("#foo").html()是jquery裡的方法,來獲取id為foo的元素內的html**
等同於document.getelementbyid("foo").innerhtml;
在jquery物件中無法使用dom物件的任何方法。例如$("#id").innerhtml和$("#id").checked都是錯誤的。需要 用$("#id").html()和$("#id").attr("checked")等jquery方法來代替。同理,dom物件也不能用jquery裡的方法。如:document.getelementbyid("id").html();
用#id作為選擇符取得的是jquery物件,並不是document.getelementbyid("id")多得到的dom物件。兩者並不等價。
jquery物件和dom物件相互轉換
jquery物件轉成dom物件
1)jquery物件是乙個類似陣列的物件,可以通過[index]的方法得到相應的dom物件
var $cr=$("#cr");//jquery2)jquery本身提供,get(index)來得到dom物件var cr = $cr[0];//dom
alert(cr.checked);
var $cr = $("#cr");dom轉成jquery物件var cr = $cr.get(0);
alert(cr.checked);
對於dom物件,只要用$()把dom物件包裝起來,就可以獲得jquery物件,即:$(dom物件)
var cr = document.getelementbyid("cr");需要再次強調的是,jquery物件並不能直接使用dom物件的方法,需要進行轉換,對於dom物件也是如此。var $cr = $(cr);
$()函式就是乙個jquery物件的製造工廠
解決jquery和其他庫的衝突
a.jquery庫在其他庫之後匯入
1)在其他庫和jquery可以載入完成後,可以在任何時候,使用jquery在其他庫和jquery可以載入完成後,可以在任何時候,使用jquery.noconflict()函式來將變數$的控制權交給別的庫
jquery.noconflict();//將$控制權交給prototype.js2)定義jquery的自定義快捷方式jquery(function);
});$("p").style.display="none";//使用prototype來隱藏元素
var $j = jquery.noconflict();b.jquery在其他庫之前匯入$j(functon())
這種情況下,可以直接使用jquery來做一些jquery的工作。同時,可以使用$()方法作為其他庫的快捷方式。無需呼叫 jquery.noconflict()函式。
----總結自《鋒利的jquery(第二版)》
jquery學習筆記
判斷checkbox是否被選中if attr checked true 檢查元素是否存在 if tt length 0 if tt 0 檢查元素是否隱藏 alert dvtest is visible 判斷元素顯示或隱藏狀態 多選框操作 獲取一組radio被選中項的值 var item input ...
Jquery 學習筆記
text 和 val 的區別 text 方法是取得所有匹配元素的內容。結果是由所有匹配元素包含的文字內容組合起來的文字。這個方法對html和xml文件都有效。獲取span,div p之類才用text 或html 方法。例子 b a p text 將得到 ba 單行文字不能用text 方法獲得值,必須...
Jquery學習筆記
1.給一組相同的css加事件,要使用bind,live在新的版本已經過期。testcss bind click function e else 未選中 3.改變checkbox選中狀態 mycheckbox prop checked true mycheckbox prop checked fals...