jQuery 個人學習知識點

jQuery使用
程式碼一般都載入在script程式碼$(document).ready(function(){});中，這是為了防止文件在完全載入（就緒）之前執行 jQuery 程式碼，如果在文件沒有完全載入之前就執行函式，操作可能失敗；
jQuery選擇器
選擇元素，直接選擇標籤名，示例：$("button")、$("h1")等；
選擇類，在類名之前加點號，示例：$(".target")；
選擇id號，在id號之前加上#號，示例：$("#target1")；
給元素增加或移除類
（1）通過addClass("myClass")方法給元素增加類
（2）通過removeClass("myClass")方法移除相應的類
改變元素CSS樣式
jQuery通過css方法調整元素的css屬性，示例：$("#target1").css("color","red");；
調整元素屬性
jQuery中通過prop方法來調整元素的屬性，示例：$("button").prop("disabled",true);；
給元素新增或刪除內容
（1）通過html方法新增內容，可以讓你在元素中新增HTML標籤和文字，而元素中之前的內容都會被方法中的內容所替換掉，示例：$("h3").html("<em>jQuery Playground</em>");；
（2）jQuery 還有一個類似的方法叫.text()，它只能改變文字但不能新增標籤。換句話說，這個方法只會把任何傳進來的HTML標籤當成你想替換現有內容的文字；
（3）jQuery 有一個.remove()的方法，可以徹底刪除一個HTML元素；
元素附加到其他元素後
jQuery有一個appendTo()方法，可以讓你把選中的HTML元素附加到其他元素中；
元素的複製
jQuery有一個clone()方法，可以複製元素；
元素的子元素、父元素、奇偶元素
（1）jQuery有一個parent()方法，可以允許你訪問選定元素的父元素；
（2）jQuery有一個children()方法，可以讓你訪問選定元素的子元素；
（3）jQuery用CSS選擇器來獲取元素，target:nth-child(n)CSS選擇器允許你通過目標類或元素型別選擇目標元素的所有子元素；
（4）jQuery裡的索引是從0開始的，也就意味著會與直覺相反：:odd選擇的是第2、4、6……個元素，因為索引是1、3、5……
示例：
```
$(".target:odd").addClass("animated shake");
$(".target:even").addClass("animated shake");
```

本作品採用《CC 協議》，轉載必須註明作者和本文連結

CodeFarmer

jQuery 個人學習知識點

相關文章