jQuery

選擇器

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

:empty ? 沒有子元素

:enabled ?可用狀態(tài)的元素

:disabled ?不可用狀態(tài)元素

:visible ? ? ? 選擇可見元素

:hidden ? ? ? 選擇隱藏元素

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

:even ?偶數(shù)

:odd ? 奇數(shù)

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

表單選擇器

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

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

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

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

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

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

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

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


屬性


class

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

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

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

DOM文檔處理

內(nèi)部插入

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

prepend(content), prependTo(content).

外部插入

after(content), before(content),?

insertAfter(content), insertBefore(content).

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

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

empty() :刪除匹配的元素集合中所有的子節(jié)點(diǎn)

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

DOM遍歷

向上遍歷

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

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

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

? parentsUntil()

向下遍歷

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

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

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

水平遍歷

siblings(‘p’)

?next()

nextAll()

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

prev()

prevAll()

?prevUntil()

位置


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

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

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

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

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

scrollLeft(val) :傳遞參數(shù)值時(shí),設(shè)置水平滾動(dòng)條左側(cè)偏移為該值

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

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

友情鏈接更多精彩內(nèi)容