14jQueryDOM節點的操作與元素的篩選

2021-10-05 14:26:45 字數 1668 閱讀 6454

1、jquery中節點的新增

(1)插入指定元素的內部

通過jquery建立節點,並新增屬性和文字內容

varstr=$

(「<

divclass

=』box』

>

新建立的節點

<

/div

>」)

將新建立的節點插入到指定元素中$(

「body」).

(str);

將新建立的元素插入在指定元素的末尾$(

「body」).

prepend

(str

):將新建立的元素插入在指定元素的第乙個

(2)插入指定元素的外部

$

("#box").

after

(str);

插入位置在末尾$(

"#box").

before

(str);

插入位置在第乙個

2、jquery節點的刪除

1)empty():刪除選中元素的所有子節點(2

)remove():a.

:如果裡面沒有放引數,那麼會刪除選中元素和它所有的子節點b.

:刪除選中元素所有的偶數子節點$(

「#box」).

remove

(「:even」

)c:單獨刪除選中元素$(

「#box」).

remove(「

.p1」)(

3)detach():刪除選中元素和它所有的子節點

1)與remove()不同的是,這個元素僅僅是顯示效果沒有了,但是記憶體中(4

)unwrap():刪除選中元素的父元素

3、jquery中元素的篩選

(1)jquery支援主流的css1-css3選擇器的

(2)eq():括號裡面為索引值,如果是整數,那麼就是正常的索引, 如果為負值,那麼就是從末尾開始選擇

(3)first():選中第乙個標籤

(4)last():選中最後乙個標籤

(5)find():查詢選中元素的所有後代元素,這是乙個好方法

(6)trim():去掉字串起始和結尾的空格

(7)get(index):獲得第index個位置上的元素

(8)next():尋找自身的後乙個兄弟節點

(9)parent():尋找選中元素的父節點

(10)prev():尋找自身的前乙個兄弟節點

(11)siblings():獲取選中元素 所有的兄弟節點

(12)children:尋找選中元素的所有後代(這個方法不需要引數,也可 以指定)

(13):gt(3) 表示選擇大於索引值為3的元素

(14)not(「.d-none」):表示選擇除了有d-none這個類之外的元素

屬性:(1)prop():新增屬性

(2)removeattr():移除屬性

4、jquery的迴圈

(1)$

.each(要迴圈的陣列,function(index,item)

)index代表:鍵

item代表:值

jQuery對元素 節點的操作

一 文字內容的操作 方法 text text val 例子 div div 獲取 div元素 console.log div.text 獲取文字內容 div.text aaaaa 設定了文字的內容 二 html內容的操作 html 用於獲取第乙個匹配元素的 html 內容 html val 用於設定...

jquer的動畫 節點操作 元素大小操作

元素.show 讓元素從隱藏狀態變為顯示狀態 從display none 變為 display block 可選引數1 時間,毫秒數 讓元素在規定的時間內顯示 操作的屬性有很多 可選引數2 速度方式,勻速或加速或減速 速度方式 linear swing 可選引數3 動畫結束後執行的 函式 元素.hi...

關於元素節點的各種操作(attributes)

在日常使用的過程中,getattribute setattribute removeattribute都是會用到的來操作元素的特性的一些方法,例如getattribute可以用來獲取元素的特性,那麼這跟直接獲取元素特性有什麼區別呢?這裡先有這麼一串 div 這時候,如果想要獲取該div元素上面的各種...