一、文字內容的操作
方法:①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的值,也可以使用同乙個方法,不同的是,需要傳遞...