jQuery常用的层次选择器
生活随笔
收集整理的這篇文章主要介紹了
jQuery常用的层次选择器
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
常用層次選擇器
兒子
手機(jī)品牌
- 蘋果
- 華為
- vivo
電腦品牌
- 蘋果
- 聯(lián)想
- 戴爾
銷量排行
?
<!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 只找第一個(gè) 不找后面的/*var $h3 = $("body>h3");alert($h3.length);*///pre+next緊接在h3后面的ul/*var $ul = $("h3+ul");alert($ul.length);*///pre~全部的 重復(fù)的默認(rèn)算一次var $all = $("h3~ul");alert($all.length);});</script> </head> <body><h3>兒子</h3><div><div><h3>手機(jī)品牌</h3><ul><li>蘋果</li><li>華為</li><li>vivo</li></ul><h3>電腦品牌</h3><ul><li>蘋果</li><li>聯(lián)想</li><li>戴爾</li></ul></div><div><h3>銷量排行</h3><ol><li>vivo</li><li>蘋果</li><li>華為</li></ol></div></div> </body> </html>
轉(zhuǎn)載于:https://www.cnblogs.com/john568300/p/6420948.html
總結(jié)
以上是生活随笔為你收集整理的jQuery常用的层次选择器的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 微PE工具箱介绍
- 下一篇： html中免费的四级联动,利用JS实现省