jQuery語法學習

jQuery 學習

---

• jq的回調函數(callback)

  • Callback函數在動畫完成100%後執行。

  • $(selector).hide(speed,callback)//典型語法
    

• jquery鏈 支持鏈式調用

  • 通過鏈式調用可以運行多個jQuery方法（在相同的元素上）。
  • 可以把動作/方法鏈接在一起；也可以添加多個方法調用。
  • jQuery會拋掉多餘的空格，並當成一行長代碼來執行上面的代碼行。

• jq三種顯示隱藏的方法,實際原理都是取改變元素的display屬性

  • hide()隱藏；show()顯示； toggle()切換顯示隱藏；
    • fadeIn()淡入已隱藏的元素； fadeOut() 淡出可見的元素；fadeToggle()切換淡入淡出；
    • slideUp()上滑；slideDown()下滑；slideToggle()切換上滑下滑；

• jq改變css樣式

  • css()方法
  • animate()不支持顏色動畫
  • 停止動畫
    • stop()方法適用於所有jQuery效果函數，包括滑動，淡入淡出和自定義動畫。

• jqDOM操作

  • html()元素

    • text()設置或返回所選元素的文本內容；

    • val()設置或返回表單字段裏的值；

    • attr()獲取或設置屬性值

    • append()父元素追加子集

    • prepend()選元素的開頭插入內容

    • after()追加同級

    • befor()在被選元素之前插入內容

    • remove(“選擇器”)

    • empty()從被選元素中刪除子元素

• 操作元素的class名字

  • addClass()向被選元素添加一個或多個類名
  • removeClass()從被選元素移除一個或多個類
  • toggleClass()在被選元素中添加/移除一個或多個類之間切換

• 遍歷

  • parent()返回被選元素的直接父元素
  • parents()返回被選元素的所有祖先元素，它一路向上直到文檔的根元素 ()
  • parentsUntil()返回介於兩個給定元素之間的所有祖先元素
  • children(css選擇器) 直接子集
  • find(“div”)所有子集
  • siblings()不包含自己的
  • next()該方法只返回一個元素
  • nextAll()返回被選元素的所有跟隨的同胞元素
  • nextUntil()返回介於兩個給定參數之間的所有跟隨的同胞元素
  • prev()
  • prevAll()
  • prevUntil()

• 過濾

  • first()返回被選元素的首個元素
  • last()返回被選元素的最後一個元素
  • eq()返回被選元素中帶有指定索引號的元素;索引號從 0 開始，因此首個元素的索引號是 0 而不是 1
  • filter(".box")允許規定一個標準。不匹配這個標準的元素會被從集合中刪除，匹配的元素會被返回
  • not()返回不匹配標準的所有元素