Jquery 學習筆記

2022-08-01 10:33:08 字數 1498 閱讀 2109

學習了jquery真的發現jquery真的特別的強大,封裝很多的方法和屬性,很多的前端開發者可以節省很少的時間實現想要的效果,而且還可以學習它的原始碼有助於學習css,是個不錯的選擇。

codeschool  jquery學習

,我覺得這個**裡面不管是jquery還是其他的東西都寫的很簡單,屬於那種邊練習邊學習那種,免得在學的時候找不到東西來練習的,還不錯。

//引入jquery檔案

jquery能夠對頁面上面的元素進行兩種操作:

(1)定位頁面元素(jquery 選擇器):jquery裡面選定元素使用的是 $,可以通過id,class,name很簡單的獲取到相應的元素

$("p")  //

獲取所有的p元素

$("#myid") //

通過id獲取頁面元素

$(".cl") //

通過class獲取頁面元素

不僅如此,jquery還可以通過得到該元素的子元素,父元素,同胞元素。

$("span").parent();    //

選擇父元素

$("div").children(); //

選擇子元素

$("p").siblings("div"); //

匹配相鄰的div

(2)對選定的元素進行操作

$("#test").html();           //

得到或者設定標籤的內容(包含html)

$("#test").text(); //

得到或者設定標籤的內容

$("#test").val(); //

得到或者設定表單的值

$("#test").attr("href"); //

得到或者設定標籤屬性的值

在p元素結尾追加內容

$("p").prepend("some prepended text."); //

在p元素開頭新增

$("p").after("some text after"); //

在p元素後面新增

$("p").before("some text before"); //

在p元素前面新增

(3)新增事件:jquery可以監聽事件,可以給頁面裡面的元素新增事件達到我們想要的效果,例如點選某個按鈕,發生某種效果。

$("#myid").click(function()

jquery事件都是在頁面全部元素載入完成以後才會觸發,當頁面元素載入完成以後會觸發ready事件,而載入頁面的事件,也就是說jquery裡面的事件必須寫在ready函式裡面才會觸發。例如:

$(document).ready(function

());

});

基本上這樣就可以簡單的開始使用jquery了,深度的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...