jquery常用的增刪改查方法

2021-10-08 17:44:36 字數 2010 閱讀 4451

內部插入

after()

before( )

insertafter( )

insertbefore( )

$

("p").

("哈哈");

//在p內部追加$(

"哈哈").

("p");

//將哈哈追加到p的內部,可以用來移動元素$(

"p")

.prepend

("哈哈");

//在p的內部前置$(

"哈哈").

prependto

("p");

//將哈哈前置到p的內部,可以用來移動元素$(

"p")

.after

("哈哈");

//在p的後面插入$(

"哈哈").

insertafter

("p");

//將哈哈插入到p的後面,可以用來移動元素$(

"p")

.before

("哈哈");

//在p的前面插入$(

"哈哈").

insertbefore

("p");

//將哈哈插入到p的前面,可以用來移動元素

empty( )刪除裡面所有子節點

remove( )

detach( )

//remove()方法$(

"ul li:eq(1)").

remove()

;//刪除第二個li節點,返回這個節點的引用$(

"ul li").

remove

("li[title!=菠蘿]");

//刪除title不等於菠蘿的li元素

//detach()方法$(

"ul li").

click

(function()

);var li=

("ul li:eq(1)").

death()

;$li.

("ul");

//從dom中刪除元素,但是保留他繫結的事件、附加的資料等等,重新追加這個元素,之前繫結的事件還在

text() html() attr() prop()

//1.查詢/修改元素節點

var li=

("ul li:eq(1)");

var li_txt =

$(li)

.text()

;//獲取

var li_txt =

$(li)

.text

("內容");

//修改

alert

(li_txt)

;//2.查詢/修改屬性節點

var para=

("p");

var p_txt =

$(para)

.attr

("title");

//獲取

var p_txt =

$(para)

.attr

("title"

,"值");

//修改

alert

(p_txt)

;

nextall( )所有下乙個元素

prevnext( )所有上乙個元素

siblings( )同級所有元素

parent( )上一級

parents( )所有上級

jquery 增刪改查

查 text 檢視元素文字 val 檢視元素值 html 檢視元素中的html 改 function function 刪 remove 刪除元素 empty 刪除改元素的子元素 function 刪除所有子元素 btn1 click function 刪除p元素中class list的元素 btn...

jQuery中常用DOM的增刪改查

varop document createelement p 新增到內部 1,div 123 返回值是方法呼叫者,即div。div 123 css background red 因為返回值是呼叫者,所以屬性是加給呼叫者。2,op div 返回值是p標籤,即方法的呼叫者。注意變數包裝成jq的方法。3,...

JQuery 陣列的增刪改查

首先說明一下js中物件型別 js函式物件與原型 typeof 用來判定目標是什麼型別。陣列下標,index是從 0開始的。測試陣列如下 var arry 0,1 number陣列 var arry1 2 3 string 陣列 var arry2 2 3 true string和boolean 陣列...