Jquery學習筆記

關於jquery的簡介--- 就不在這裡贅述了。

jquery中，$就是jquery的簡寫，兩者等價

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");//jquery

var cr = $cr[0];//dom
alert(cr.checked);

var $cr = $("#cr");

var cr = $cr.get(0);
alert(cr.checked);

對於dom物件，只要用$()把dom物件包裝起來，就可以獲得jquery物件，即：$(dom物件)

var cr = document.getelementbyid("cr");

var $cr = $(cr);

$()函式就是乙個jquery物件的製造工廠

解決jquery和其他庫的衝突

a.jquery庫在其他庫之後匯入

1）在其他庫和jquery可以載入完成後，可以在任何時候，使用jquery在其他庫和jquery可以載入完成後，可以在任何時候，使用jquery.noconflict()函式來將變數$的控制權交給別的庫

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

jquery(function);
});$("p").style.display="none";//使用prototype來隱藏元素

var $j = jquery.noconflict();

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