首页 / JQUERY / jQuery常用的层次选择器

jQuery常用的层次选择器

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery常用的层次选择器，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1529字，纯文字阅读大概需要3分钟。

内容图文

常用层次选择器

儿子

手机品牌

  • 苹果
  • 华为
  • vivo

电脑品牌

  • 苹果
  • 联想
  • 戴尔

销量排行

  1. vivo
  2. 苹果
  3. 华为

 

<!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>

原文：http://www.cnblogs.com/john568300/p/6420948.html

内容总结

以上是互联网集市为您收集整理的jQuery常用的层次选择器全部内容，希望文章能够帮你解决jQuery常用的层次选择器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1058812.html

来源：【匿名】