使用jquery操作dom


1 查找元素節點   

var $x = $("selector").text()

2 查找屬性節點   

var $x = $("selector").attr("property")

3 創建節點   

var $x = $("html")

4 插入節點 

$("selector").append()   

向每個匹配的元素內部追加內容 

$("selector").appendTo()   

等價於.append()操作符左右互換 

$("selector").prepend()   

向每個匹配的元素內部前置內容 

$("selector").prependTo()   

等價於.prepend()操作符左右互換 

$("selector").after()   

在每個匹配的元素之后插入內容 

$("selector").insertAfter   

等價於.after()操作符左右互換 

$("selector").before()   

在每個匹配的元素之前插入內容 

$("selector").insertBefore()   

等價於.before()操作符左右互換

5 移動節點

<script>  var $one_li = $("ul li:eq(1)"); 

//獲取<ul>節點中第2個<li>元素節點 

var $two_li = $("ul li:eq(2)"); 

//獲取<ul>節點中第3個<li>元素節點 $two_li.insertBefore($one_li);  

//移動節點 </script>6 刪除節點  

remove()方法$("selector").remove()     

remove()方法將刪除selector所有后代節點,元素用remove()方法刪除后,仍可以繼續使用。

另外remove()方法也可以通過傳遞參數來選擇性地刪除元素,

如$("ul li").remove("li[title!=xxx]"); 

empty()方法$("selector").empty()    

清空selector的所有后代節點7 復制節點  $("selector").clone()     

如$(this).clone().appendTo("ul")。 

若要使復制后的新元素帶有原元素所擁有的行為,需要傳遞參數true。

如$("selector").clone(true)8 替換節點$("selector").replaceWith()     

將所有匹配的元素都替換成指定的HTML或者DOM元素$("selector").replaceAll()   

等價於.replaceWith()操作符左右互換9 包裹節點$("selector").wrap()     

將所有匹配的元素單獨包裹$("selector").wrapAll()   

將所有匹配的元素用一個元素包裹$("selector").wrapInner()   

將每一個匹配的元素的子內容(包括文本節點)

用其他結構化的標記包裹起來10 屬性操作$("selector").attr()      

獲取(一個property參數)和設置元素屬性(兩個參數,property和value),

如$("p").attr("title","your title")。如果同時設置多個屬性,

格式如$("p").attr({"title" : "your title" , "name" : "test"})  

$("selector").removeAttr()   

刪除元素屬性11 樣式操作$("selector").attr()   

替換樣式   $("selector").addClass()   

追加樣式   $("selector").removeClass()  

移除樣式   $("selector").toggle()   

行為重復切換

例:<script>  

$x.toggle(function(){

//code1    },function(){

//code2})

</script>

交替執行code1和code2 

$("selector").toggleClass()   

控制樣式上的重復切換,

如$("p").toggleClass("anotherClass")  $("selector").hasClass("anotherClass")   

判斷selector中是否含有anotherClass


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM