亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 語言 > JavaScript > 正文

JQuery中層次選擇器用法實例詳解

2024-05-06 16:20:34
字體:
來源:轉載
供稿:網友

這篇文章主要介紹了JQuery中層次選擇器用法,以實例形式較為詳細的分析了jQuery中層次選擇器的各種常見使用技巧,并備有較為詳細的注釋說明,需要的朋友可以參考下

本文實例講述了JQuery中層次選擇器用法。分享給大家供大家參考。具體如下:

 

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
  3. <html xmlns="http://www.w3.org/1999/xhtml"
  4. <head> 
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  6. <title>層次選擇器</title> 
  7. <script src="jquery-1.6.2.min.js" type="text/javascript"></script> 
  8. <script type="text/javascript"
  9. $(function () { 
  10. //------1.在給定的祖先元素下匹配所有后代元素 
  11. //(包含了子元素,以及子元素的元素,一直往下延伸) 
  12. var $divs = $("#main div"); 
  13. for (var i = 0; i < $divs.length; i++) { 
  14. alert($divs.get(i).id); 
  15. //------2.在給定的父元素下匹配所有子元素,只包括直接子元素 
  16. //(不包含子元素的子元素) 
  17. var $divs = $("#main > div"); 
  18. for (var i = 0; i < $divs.length; i++) { 
  19. alert($divs.get(i).id); 
  20. //-----3.prev + next $("lable + input ") : 匹配所有緊接在prev后的next元素 
  21. //注意:只能去到第一個,并且是緊挨著的,如果不是緊挨著div1后面的則取不到 
  22. //.....<1>.例子1 
  23. var $divBrother = $("#div1 + div"); //用#div1 ID選擇器 ,只取到div2 
  24. alert($divBrother.get(0).id); 
  25. //.....<2>.例子2 
  26. var $divBrothers = $("div + div");  
  27. //用div 標簽選擇器,相鄰的div都能取到 divSun1(和divSun相鄰),div2(和div1相鄰) 
  28. for (var i = 0; i < $divBrothers.length; i++) { 
  29. alert($divBrothers.get(i).id); 
  30. //-----4.prev ~ siblins 
  31. //$("form ~ input") : 匹配prev元素之后的所有siblings元素  
  32. //注意:在匹配之后的元素,不包含該元素在內, 
  33. //并且siblings匹配的是和prev同輩的元素,其后輩元素不被匹配。 
  34. var $divBrothers = $("#main ~ div"); 
  35. for (var i = 0; i < $divBrothers.length; i++) { //得到main1,main2,main3 
  36. alert($divBrothers.get(i).id); 
  37. ); 
  38. </script> 
  39. </head> 
  40. <body> 
  41. <div id="main"
  42. <div id="div1" class="myDiv">我是div1 
  43. <div id="divSun">我是孫子div 
  44. <div id="divSunSun">我是孫子的孫子div</div> 
  45. </div> 
  46. <div id="divSun1">我是孫子div</div> 
  47. </div> 
  48. <div id="div2" class="myDiv">我是div2</div> 
  49. </div> 
  50. <div id="main1"></div> 
  51. <div id="main2"></div> 
  52. <input type="button" value="button" /> 
  53. <div id="main3"></div> 
  54. </body> 
  55. </html> 

希望本文所述對大家的jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲视频视频在线| 国产成人精品久久二区二区| 色久欧美在线视频观看| 国产一区二区在线播放| 久久久之久亚州精品露出| 成人精品视频久久久久| 欧美日在线观看| 亚洲九九九在线观看| 国产午夜精品久久久| 久久久免费av| 日韩在线观看视频免费| 国内精品伊人久久| 亚洲偷欧美偷国内偷| 亚洲成av人影院在线观看| 国产精品自拍视频| 久久免费在线观看| 超薄丝袜一区二区| 亚洲a一级视频| 日韩av在线一区| 久久久久久久久爱| 成人欧美一区二区三区在线湿哒哒| 成人高清视频观看www| 一区二区三区四区视频| 麻豆一区二区在线观看| 欧美高清在线观看| 精品国产1区2区| 久久国产精品影视| 成人免费观看网址| 亚洲国产另类 国产精品国产免费| 2019亚洲日韩新视频| 最近2019年中文视频免费在线观看| 精品久久久精品| 欧美性xxxx18| 国产成人拍精品视频午夜网站| 亚洲精品国产精品久久清纯直播| 91精品国产高清自在线| 国内精品久久久久影院优| 欧美—级高清免费播放| 日韩av一卡二卡| 日韩在线观看av| 欧美精品www在线观看| 精品久久久91| 国产精品成人久久久久| 国产91成人在在线播放| 国产精品天天狠天天看| 国产精品入口尤物| 亚洲欧美成人一区二区在线电影| 精品久久久一区| 中文字幕亚洲欧美在线| 欧美丝袜一区二区| 亚洲资源在线看| 国产精品久久久久久久久免费看| 亚洲欧洲日产国码av系列天堂| 欧美高清视频在线| 欧美成人合集magnet| 国产精品久久久久7777婷婷| 国产日韩在线视频| 欧洲亚洲免费在线| 欧美大片免费看| 欧美性一区二区三区| 亚洲美女中文字幕| 国产精品视频xxxx| 亚洲xxxx在线| 这里只有精品视频在线| 国内精品伊人久久| 97视频人免费观看| 久久久中文字幕| 九九精品在线播放| 911国产网站尤物在线观看| 日韩精品免费一线在线观看| 国产视频在线观看一区二区| 久久久久久久久亚洲| 日本免费在线精品| 欧美一级大片在线免费观看| 久久成人精品电影| 亚洲欧洲一区二区三区在线观看| 欧美日韩精品在线| 日韩欧美国产激情| 欧美激情在线有限公司| 亚洲www视频| 国内精品久久久久伊人av| 欧美激情2020午夜免费观看| 亚洲国产精品美女| 日韩精品免费在线视频| 日韩欧美精品中文字幕| 国产亚洲a∨片在线观看| 国产中文日韩欧美| 成人激情电影一区二区| 亚洲精品日韩在线| 国产精品香蕉在线观看| 97视频免费在线看| 18久久久久久| 国产日韩在线看片| 久久久精品视频成人| 亚洲免费福利视频| 97在线日本国产| 色无极亚洲影院| 91av国产在线| 国产日产欧美精品| 久久亚洲成人精品| 最近2019年中文视频免费在线观看| 人体精品一二三区| 色视频www在线播放国产成人| 亚洲成年人在线播放| 亚洲精品短视频| 欧美日本在线视频中文字字幕| 日韩视频第一页| 国产成人免费av| 精品久久久久久久久久久久久| 亚洲va欧美va国产综合久久| 欧美视频中文在线看| 精品亚洲精品福利线在观看| 久久久久久久久电影| 色综合伊人色综合网站| 成人国产精品久久久| 国产精品久久一区| 久久中国妇女中文字幕| 精品香蕉在线观看视频一| 主播福利视频一区| 92看片淫黄大片看国产片| 欧美老少做受xxxx高潮| 国产91对白在线播放| 欧美在线观看网址综合| 国产精品网红直播| 欧美国产日本在线| 伦理中文字幕亚洲| 国产日产亚洲精品| 最近的2019中文字幕免费一页| 亚洲免费小视频| 成人黄色av网站| 精品久久久久久久久久久久久| 亚洲第一色在线| 国内精品久久久久久久| 日韩中文字幕网址| 欧美性极品少妇精品网站| 欧美国产中文字幕| 欧美高清视频一区二区| 欧美日产国产成人免费图片| 主播福利视频一区| 九九热r在线视频精品| 国产精品久久久久久久久久ktv| 欧美日韩另类字幕中文| 国产亚洲精品激情久久| 欧美日韩成人在线视频| 米奇精品一区二区三区在线观看| 久久亚洲欧美日韩精品专区| 黑人巨大精品欧美一区二区一视频| 日韩三级成人av网| 亚洲91av视频| 欧美一区二区大胆人体摄影专业网站| 国产精品久久久久久久久久| 精品久久久久久久久久国产| 欧美成人免费小视频| 亚洲国产高清福利视频| 国产一区二区色| 亚洲欧洲一区二区三区在线观看| 欧美激情视频一区| 欧美日韩国产精品一区二区不卡中文| 亚洲资源在线看| 亚洲qvod图片区电影| 国产精品v片在线观看不卡| 日韩精品中文字幕在线| 97成人超碰免| 日韩中文字幕免费|