當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery常用的层次选择器

發布時間：2023/12/10 编程问答 23 豆豆

生活随笔收集整理的這篇文章主要介紹了 jQuery常用的层次选择器小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

常用層次選擇器

兒子

手機品牌

蘋果
華為
vivo

電腦品牌

蘋果
聯想
戴爾

銷量排行

vivo

蘋果

華為

<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title>常用層次選擇器</title><script src="scripts/jquery-3.1.1.js" type="text/javascript"></script><script type="text/javascript">$(function(){//選擇ul下的所有的li//var $li = $("ul li");//alert($li.length);//alert($li.html());/*for(var i=0;i<$li.length;i++){var li = $li[i];alert(li.innerHTML);}*///s1>s2 s1匹配的元素下的匹配的s2 只找第一個不找后面的/*var $h3 = $("body>h3");alert($h3.length);*///pre+next緊接在h3后面的ul/*var $ul = $("h3+ul");alert($ul.length);*///pre~全部的重復的默認算一次var $all = $("h3~ul");alert($all.length);});</script> </head> <body><h3>兒子</h3><div><div><h3>手機品牌</h3><ul><li>蘋果</li><li>華為</li><li>vivo</li></ul><h3>電腦品牌</h3><ul><li>蘋果</li><li>聯想</li><li>戴爾</li></ul></div><div><h3>銷量排行</h3><ol><li>vivo</li><li>蘋果</li><li>華為</li></ol></div></div> </body> </html>

轉載于:https://www.cnblogs.com/john568300/p/6420948.html

總結

以上是生活随笔為你收集整理的jQuery常用的层次选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。