js常用屬性實例分享

本文主要跟大家分享js常用屬性實例，首先是幾個比較容易常見的屬性，希望能幫助大家。

1 2 ##3 #4 5 6 7 8 9 10 # 11 12 13 14 15 16 17 18 19 #20 21 22 23 24 25 #26

############################################## # ############# $("p").dblclick(函數() { # $(this).css("顏色", # ＃＃「綠色的」＃＃＃＃＃＃）;＃＃＃＃＃＃＃＃＃＃ //當滑鼠指標穿過元素 $("p").mouseenter( function() { $(#this).text( "滑鼠指標穿過元素"); }) # //滑鼠指標離開元素 $("p").mouseleave(function() { $(this#).text("滑鼠指標離開元素");<br>}) //滑鼠指標移動到元素上，並按下滑鼠按鍵 $("p").mousedown(function() { $(this#).text("滑鼠指標移到元素上方，並按下滑鼠按鍵" ); }) #//在元素上放開滑鼠按鈕時 # $("p").mouseup(function() { $(this#).text("在元素上放開滑鼠按鈕時"#); }) //元素獲得焦點 # $(":text").focus(function() { $(this#).val("元素獲得焦點"); }) //元素失去焦點 $(":text").blur(function() { $(this#).val("元素失去焦點"); })

#

　　插入方法：

#1 2 3 4 5 ##6 7 # 8 9 10 #11 12

var i = $("#ul1 li" ).length; //append最後插入 $("#btn1 ").click(function() { i++; $(#"#ul1" ########## ).append(######"<li>add"### ###+ i + ######"</li>"########################################################################### ########})############//prepend頭插入###### var# #j = 1; #$("#btn2"##) .click (函數() { # j--; $("#ul1").prepend("<li>add" + j + "</li>") })<br>before() //元素之前<br>after()//元素之後

#

　　移除方法

################################################## #1######2######3########################$(######"# btn4"######).click(######function######() {####### $("#ul1 li:first").remove() ## })

remove() - 刪除被選元素（及其子元素）

empty() - 從被選元素中刪除子元素清除

##父級屬性

#

後代屬性

#1 2 3

parent() 被選元素的直接父元素 parents() 所有被選元素的祖先元素，它一路向上直到文檔的根元素() parentsUntil()介於兩個給定元素之間的所有祖先元素

1 2	3 children() 方法傳回所有選定元素的直接子元素只一級 ###### ### find() 方法傳回指定元素的指定後代元素，一路向​​下直到最後一個後代<br> $("p").find ("span");// 後代的所有 元素  $("p").find ("*");//  的所有後代

同胞屬性

10

1 2 3 4 5 ##6 7 #8 9

####### siblings() //所有被選中元素的同胞元素 ##$( "h2").siblings().css({"color":"red"##, "border":"2px solid red"});#<p class="line number3 index2 alt2" style="margin:0px;padding:0px 1em;background:rgb(244,244,244) none;border:0px;float:none;line-height:1.8em;vertical-align:baseline;min-height:auto;white-space:nowrap;"><code class="javascript spaces" style="margin:0px;padding:0px;background:none;border:0px;float:none;line-height:1.8em;vertical-align:baseline;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;min-height:auto;"> $("h2").siblings("p"#)。 css({"顏色":"紅色","邊框" :"2px 純紅色"}); # next()//被選元素的下一個同胞元素 $(# #"h2").next().css({ ###"color"######:######"red"###### ,######"border"######:######"2px solid red"######});####### nextAll()//所有被選出元素的跟隨的同胞元素 ##$("h2").nextAll(); #nextUntil()//介於兩個給定參數之間的所有跟隨的同胞元素 #$("h2").nextUntil( ##################################################### "h6"######);###### prev(), prevAll() 以及prevUntil() 方法的工作方式與上面的方法類似，只不過方向相反而已：它們返回的是前面的同胞元素（在DOM 樹中沿著同胞元素向後遍歷，而不是向前）。

遍歷過濾

3

# 1 2

4 5#####6######7#######8 ######9######10################### first() 方法傳回被選取元素的首個元素 $("p p" ).first(); #last() 方法傳回被選取元素的最後一個元素。 $("p p").last(); #eq() 方法傳回被選元素中帶有指定索引號的元素。從0開始 # $("p").eq(1); filter( ) 方法規定一個標準。不符合這個標準的元素會被從集合中刪除，符合的元素會被回傳。 $("p").filter(".intro"); not() 方法傳回不符合標準的所有元素。 not() 方法與 filter() 相反。 $("p").not(".intro"#) ;

相關推薦：在

HTML中分割框窗有哪些常用屬性

關於CSS常用屬性的詳細介紹

css3中的常用屬性介紹

以上是js常用屬性實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！