jQuery 個人學習知識點

CodeFarmer發表於2018-08-22
jQuery
  1. jQuery使用
    程式碼一般都載入在script程式碼$(document).ready(function(){});中，這是為了防止文件在完全載入（就緒）之前執行 jQuery 程式碼，如果在文件沒有完全載入之前就執行函式，操作可能失敗；
  2. jQuery選擇器
    選擇元素，直接選擇標籤名，示例：$("button")、$("h1")等；
    選擇類，在類名之前加點號，示例：$(".target")；
    選擇id號，在id號之前加上#號，示例：$("#target1")；
  3. 給元素增加或移除類
    （1）通過addClass("myClass")方法給元素增加類
    （2）通過removeClass("myClass")方法移除相應的類
  4. 改變元素CSS樣式
    jQuery通過css方法調整元素的css屬性，示例：$("#target1").css("color","red");；
  5. 調整元素屬性
    jQuery中通過prop方法來調整元素的屬性，示例：$("button").prop("disabled",true);；
  6. 給元素新增或刪除內容
    （1）通過html方法新增內容，可以讓你在元素中新增HTML標籤和文字，而元素中之前的內容都會被方法中的內容所替換掉，示例：$("h3").html("<em>jQuery Playground</em>");；
    （2）jQuery 還有一個類似的方法叫.text()，它只能改變文字但不能新增標籤。換句話說，這個方法只會把任何傳進來的HTML標籤當成你想替換現有內容的文字；
    （3）jQuery 有一個.remove()的方法，可以徹底刪除一個HTML元素；
  7. 元素附加到其他元素後
    jQuery有一個appendTo()方法，可以讓你把選中的HTML元素附加到其他元素中；
  8. 元素的複製
    jQuery有一個clone()方法，可以複製元素；
  9. 元素的子元素、父元素、奇偶元素
    （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

相關文章