jquer 基礎篇 dom操作

2022-04-20 17:33:58 字數 812 閱讀 2814

dom操作:

在匹配元素的裡面新增乙個子元素 追加方式 新元素作為最後乙個子元素

例$("input").click(function () )

2.元素

元素.prepend(obj) 在最前面為匹配新增子元素

3.新增父元素

元素.wrap(obj):為匹配元素新增父元素進行包裹 //在當前標籤包裹乙個父元素

4.新增兄弟元素:

元素.after(obj) 在匹配元素的後面新增兄弟元素

元素.before(obj)在匹配元素的前面新增兄弟元素

5.刪除元素

元素.remove() 刪除指定的匹配元素

元素.empty() 清空指定的匹配元素的內容 標籤本身還在dom樹上

6.修改元素

修改元素的html或文字 html()--->innerhtml text()---->innertext

修改元素的屬性:

元素.attr("屬性名字") 讀取匹配的元素的屬性值

元素.attr("屬性名","屬性值")設定匹配元素的屬性值

可以操作元素任何直接屬性 //可以設定style css樣式的邊框 之後通過元素.attr("屬性名","屬性值")甚至來改變css樣式可以操作html中沒有定義的屬性

.css()設定的內部樣式

.addclass()設定內聯樣式---> classname="樣式名"

removeclass

//外部樣式:內部樣式

選擇城市

例5 文字域提交還能寫多少字

你還能輸入140

DOM基礎操作

常用方法 3.1 移除所有子節點 removechild 3.2 根據新內容建立新的文字節點 createtextnode 3.3 把新建立的文字子節點附加在節點下 3.4 示例 1 var node document.getelementbyid id 2 獲取節點賦給 node34 移除所有子節...

jQuery基礎篇(二)DOM

我們可以通過以下語句來建立乙個新的標籤。動態建立元素後還需要將節點放入到文字中。a.prepend b 將b新增到a中,並設定為第乙個a的子元素 a.prependto b 將a新增到b中,並設定為第乙個b的子元素 另一組節點插入方法 after before insertafter insertb...

jQuery基礎 二 DOM篇

通過jquery生成div元素節點 var div 動態建立div元素節點 爹 prepend 大兒子 主動收乙個大兒子 大兒子 prependto 爹 主動來認爹當大兒子 button on click function remove會刪除div,empty只是清空了div的內容,div本身還存在...