jQuery對元素 節點的操作

2021-08-20 19:16:21 字數 1914 閱讀 2413

一、文字內容的操作

方法:①text()  

②text(val)

例子:$div = $(『div』) //獲取

div元素

console.log($div.text())  //獲取文字內容

$div.text(「aaaaa」) //設定了文字的內容

二、html內容的操作

①html():

用於獲取第乙個匹配元素的

html

內容②html(val)

:用於設定全部匹配元素的

html

內容注意:內容中包含html**可以被瀏覽器解析

三、對元素值的操作

主要對於input、

check

、radio

元素①val()  //

獲取值②val(「」)  //設定值

四、對於dom節點的操作

①建立元素節點:

var $jsp = $(「

」)   //建立了乙個p節點

插入到div裡面

②插入節點:

方法:1)往元素的內部插入

prepend():往元素的集合的前面新增內容

prependto()

2)往元素的外部插入

after():在每個匹配的元素之後插入

insertafter():

before():在每個匹配的元素前邊插入

insertbefore()

③刪除節點:

remove():用於從

dom中刪除匹配的元素(常用)

detach():也是用於刪除匹配的元素,與

remove

不同的是,

detach

不會將jquery

中的物件刪除。

empty():把標籤的內容清空掉,不是絕對意義上的刪除

④複製節點

clone():

示例:$(「#box1 p:eq(1)」).bind(「click」,function(){

$(this).clone().insertafter($(this))

帶引數:clone(true):加了這樣之後會將事件處理程式一併複製

⑤替換節點

replaceall(seletor):用於使所有的元素替換掉

seletor

匹配的元素

示例:$(「good

」).replaceall(「div」)

replacewith(content):用匹配的元素替換掉指定的

html

元素示例:$(「#box1」).replacewith(「sunck

」)⑥遍歷節點

each():

示例:$(「p」).each(function(index){    //index表示第幾個

$(this).attr(「title」,」我是第」+(index+1)+」個p標籤」)

⑦包裹節點:

wrap():把匹配到的標籤用另乙個標籤包裹起來

unwarp():去除包裹

warpall():整體包裹

warpinner():包裹內部

五、修改css樣式

addclass(class)

removeclass(class)

toggleclass(class):若有這個

class

類就刪除,若無就新增

六、修改css的屬性

方法:css(attr,value)

示例:$(「#btn」).bind(「click」,function(){

$(「#box2」).css(「background-color」,」red」)   //修改背景顏色的屬性

console.log($(「#box2」).css(「background-color」))  //獲取值

jQuery對元素的操作,對頁面節點的操作

1.獲取指定屬性名的元素屬性 selector attr name 2.設定元素的屬性值,key為屬性名稱,value為屬性值 selector attr key,value 3.設定多個屬性值 selector attr 4.刪除指定屬性名的元素屬性 selector removeattr nam...

jQuery對元素內容操作

jquery提供了對元素的內容和值進行操作的方法,其中,元素的值是元素的一種屬性,大部分元素的值都對應value屬性。下面我們再來對元素的內容進行介紹。元素的內容是指定義元素的起始標記和結束標記中間的內容,又可分為文字內容和html內容。那麼什麼是元素的文字內容和html內容?通過下面這段來說明。測...

Jquery對Jquey元素屬性的操作

獲取屬性和設定屬性 如果要獲取p元素的屬性title,那麼只需要給attr 方法傳遞乙個引數,即屬性名稱。1 var para p 獲取節點 2 varp txt para.attr title 獲取元素節點屬性title 如果要設定元素的屬性title的值,也可以使用同乙個方法,不同的是,需要傳遞...