2023年jquery dom操作方法 jquery和dom對象的相互轉(zhuǎn)換精選

在日常學習、工作或生活中，大家總少不了接觸作文或者范文吧，通過文章可以把我們那些零零散散的思想，聚集在一塊。寫范文的時候需要注意什么呢？有哪些格式需要注意呢？下面我給大家整理了一些優(yōu)秀范文，希望能夠幫助到大家，我們一起來看一看吧。

jquery dom操作方法 jquery和dom對象的相互轉(zhuǎn)換篇一

1.查找節(jié)點：

var $var_1=$("htmltype"); //這句話就是獲取所有htmltype節(jié)點

如：var $ul_1=$("ul");

2.創(chuàng)建并追加節(jié)點：

var $var_1=$("

");//這句話是創(chuàng)建一個節(jié)點

例子：var $li_1=$("

香蕉

");

$("ul").append($li_1);

其中插入方法有以下幾種：

append() 把b追加到a內(nèi)部（所有的a元素，以下類似） appendto() 把a追加到b內(nèi)部 prepend() 把b追加到a內(nèi)部的內(nèi)容前 prependto() 把a追加到b的內(nèi)容前 after() 在a后追加b after() 在a前追加b before() 在a前追加b before()在a后追加b

例子：$("ul").append("

你好

");//在ul內(nèi)部追加li

$("

你好

").appendto("ul");//在ul內(nèi)部追加li

3.刪除節(jié)點

remove() 刪除該元素 empty() 清空節(jié)點，包括后代節(jié)點

例子：$("ul li:eq[1]").remove(); //獲取ul中的第二個li并刪除

$("ul li").remove(“l(fā)i[title="菠蘿"]”);//刪除ul中l(wèi)i元素屬性title="菠蘿"的元素

4.復(fù)制節(jié)點

clone();//復(fù)制本節(jié)點

例子：$("ul li:eq[1]").clone().appento("ul");//復(fù)制并追加到ul中，只復(fù)制是不會顯示出來的'

5.替換節(jié)點

replacewith();//將b替換所有a replaceall();//將a替換所有b

6.包裹節(jié)點

warpall();//用b包裹a warpinner();//用b包裹a的內(nèi)容

1.獲取和設(shè)置屬性

var $var_1=$("p");//這句話是獲取節(jié)點p

var $p_1=$("title");//獲取節(jié)點p的title屬性

var $p_2=$("title","你好");//設(shè)置節(jié)點p的title屬性為"你好"

2.刪除屬性

$("p").removeattr("title");//刪除節(jié)點p的title屬性

1.獲取和設(shè)置樣式

var $var_class=$("p").attr("class");//獲取節(jié)點p的class屬性

$("p").attr("class","class1");設(shè)置節(jié)點p的class屬性為樣式表類class1

2.追加樣式

addclass() 添加樣式到a

例子：$("p").addclass("another");添加樣式表類another類到p

3.移除樣式

removeclass() 移除類

4.切換樣式

toggleclass() 切換clss屬性類為新的類

5.判斷某個樣式是否存在

hasclass()

html() 該方法獲取html元素的內(nèi)容，如：var var1=$("p").html();//獲取p元素內(nèi)的內(nèi)容 text() 獲取或設(shè)置某個html元素的內(nèi)容 val() 獲取元素的value值 children() 獲取html元素的所有子節(jié)點 next()獲取html元素后緊鄰的同輩節(jié)點 prev() 獲取html元素前緊鄰的同輩節(jié)點 siblings() 獲取html元素前后緊鄰的同輩節(jié)點

css("屬性"，"值") 設(shè)置元素css某個屬性的值，如：$("p").css("color","red");//設(shè)置p的css屬性{color:red;}

【jquery的dom操作筆記】相關(guān)文章：

1.

json定義及jquery操作

關(guān)于jquery學習筆記之jquery的動畫

js操作iframe里的dom實例解釋

jquery程序設(shè)計與操作過程

jquery下json數(shù)組的操作如何實現(xiàn)代碼

關(guān)于jquery學習筆記之jquery的分析

jquery學習筆記之helloworld教程

jquery中ajax學習筆記

【本文地址：http://mlvmservice.com/zuowen/2782834.html】