jQuery

選擇器

:nth-child(n) ? 從一開始

:empty ? 沒有子元素

:enabled ?可用狀態的元素

:disabled ?不可用狀態元素

:visible ? ? ? 選擇可見元素

:hidden ? ? ? 選擇隱藏元素

:eq (n) ? ? ? 從0開始

:even ?偶數

:odd ? 奇數

:parent ?選擇包含子元素的所有元素

表單選擇器

:input?選擇表單元素(input,select,textarea,button)

:text:選擇所有文本域(type="text")

:password:選擇所有密碼域(type="password")

:radio:選擇所有單選按鈕(type="radio")

:checkbox:選擇所有復選框(type="checkbox")?

?:submit:選擇所有提交按鈕(type="submit") ?E:image:選擇所有圖像域 (type="image")?

?:reset:選擇所有清除域(type="reset")

??:button:選擇所有按鈕(type="button")


屬性


class

addClass(class)?:為每個匹配的元素添加指定的class

removeClass(class):從所有匹配的元素中刪除全部或者指定的class

toggleClass(class) :如果存在(不存在)就刪除(添加)一個類

DOM文檔處理

內部插入

append(content),?appendTo(content),?

prepend(content), prependTo(content).

外部插入

after(content), before(content),?

insertAfter(content), insertBefore(content).

replaceWith(content) :將所有匹配的元素替換成指定的HTML或DOM元素 .

replaceAll(selector) :用匹配的元素替換掉所有 selector匹配到的元素

empty() :刪除匹配的元素集合中所有的子節點

remove([expr]) :從jquery對象集合中刪除所有匹配的對象

DOM遍歷

向上遍歷

parent()? ?//直接父元素

parents() ?// 直接和間接父元素

?parents(‘element’)// 為element 全部父元素

? parentsUntil()

向下遍歷

children() //方法返回被選元素的所有直接子元素。

? children(‘ele’)? //方法返回被選元素的所有直接子元素。

? find(‘*’) ?//全部子元素

水平遍歷

siblings(‘p’)

?next()

nextAll()

?nextUntil()??// 在 頭尾去掉

prev()

prevAll()

?prevUntil()

位置


offset() :獲取匹配元素在當前視口的相對偏移 。

position() :獲取匹配元素相對父元素的偏移

scrollTop() :獲取匹配元素相對滾動條頂部的偏移

scrollTop(val) :傳遞參數值時,設置垂直滾動條頂部偏移為該值 –返回頂部

scrollLeft() :獲取匹配元素相對滾動條左側的偏移

scrollLeft(val) :傳遞參數值時,設置水平滾動條左側偏移為該值

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1.JQuery 基礎 改變web開發人員創造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,367評論 0 2
  • 1.JQuery 基礎 改變web開發人員創造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,200評論 0 1
  • 第一章 入門 基本功能:訪問和操作 dom 元素,控制頁面樣式,對頁面的事件處理,與ajax完美結合,有豐富的插件...
    X_Arts閱讀 1,066評論 0 2
  • $(”p”).addClass(css中定義的樣式類型); 給某個元素添加樣式 $(”img”).attr({sr...
    專注寒冰三千歲閱讀 513評論 0 4
  • Attribute: $("p").addClass(css中定義的樣式類型); 給某個元素添加樣式 $("img...
    撲克臉_457e閱讀 583評論 0 1