jQuery中的操作節點常用的方法

2021-09-26 01:16:33 字數 1081 閱讀 5506

我這裡的$(this)是代表當前物件

需求方法

獲取第乙個父元素(無法獲取多級父元素)

$(this).parent()

獲取指定父及元素

$(this).parents(".classname")

獲取所有的兄弟元素(可傳參獲取指定的兄弟元素),不包含自身

$(this).siblings()

獲取指定子元素(通過傳參獲取指定的子元素)

$(this).find(".classname")

獲取指定節點的下乙個兄弟節點

$(this).next()

獲取指定節點的上乙個兄弟節點

$(this).prev()

刪除自身及所有後代節點

$(this).remove()

刪除所有後代節點,保留自身節點

$(this).empty()

內部插入

外部插入

前$(this).before(ele) 後 $(this).after(ele)

需求方法

設定或修改

獲採樣式

$(this).css(「name」)

直接修改 css(name,value)批量修改使用物件字面量的方式css()

獲得元素裡的文字

$(this).text()

直接再括號裡寫

獲取元素裡所有的內容,包括標籤等

$(this).html()

直接再括號裡寫

獲取表單元素裡的value屬性

$(this).val()

直接再括號裡寫

獲取屬性

$(this).attr()

直接再括號裡寫,如:attr(「class」,classvalue)

追加樣式

$(this).addclass()

直接再括號裡寫類名,不用加 . 點

刪除樣式(傳參刪除指定樣式,否者刪除全部樣式)

$(this).removeclass()

切換樣式(不傳參將原有的樣式移除進行切換,傳參將新增該類名的樣式切換,不移除原有的樣式)

$(this).toggleclass()

jQuery節點操作

動態建立元素 建立出來的元素是乙個jquery物件 1 完整的標籤 動態建立元素 模擬js中的document.createlement 只不過這個方式裡面放的是完整的標籤 例如 建立乙個li標籤 2 html 完整的標籤 新增元素 作用 在被選元素內部的最後乙個子元素 或內容 後面插入內容 存在 ...

jQuery 節點操作

首先建立節點 var button1 建立了乙個按鈕節點 img remove img title 這是建立的節點 刪除 title 這是建立的節點 的img節點 img eq 0 remove 刪除索引為0的img節點 插入節點 p1 after pstr 在節點p1的後面插入pstr節點 p1 ...

jQuery節點操作

jquery節點操作 建立節點 var a baidu 新增節點 a.新增到子元素的最後面 常用 在 div 的內部最後追加乙個 p b.新增到子元素的最前面 div prepend p 在 div 的內部最前面新增乙個 p p prependto div 在 div 的內部最前面新增乙個 p 可以...