三、选择器--基本选择器-CSDN博客

本文链接：https://blog.csdn.net/chongqingnantian/article/details/84411702

//取li中的所有a
$("li a").css("color","#f00");

           //取class为.myList这个标签的下一级标签li的下一级标签为a的节点
           // $(".myList>li>a").css("color","#f00");

           //去li的节点其中li中的href属性是以http://为开头
           // $("a[href^='http://']").css("background","#00f").css("color","#fff");

           //取.myList的ul中的包含有a标签的li标签
           //$(".myList ul li:has('a')").css("background","#ff0");//

           //获取页面中所有以pdf结尾的超级链接
           // $("a[href$='pdf']").css("background","#ff0").css("color","#f00");

           //取id为li1的下一个兄弟节点li,仅仅只会去一个节点,
           //仅仅只会取相邻的节点，如果相邻的节点不是li就什么都取不出去
           //$("#li1+li").css("background","#ff0");

           //取id为li1的下面的所有满足条件的兄弟节点li
           // $("#li1~li").css("background","#ff0");

// $("a[title]").css("color","#0f0");

<body>
<ul class="myList">
    <li>
    <a href="http://jquery.com">JQuery site</a>
    <ul>
        <li><a href="css1.txt" title="mycss">CSS1</a></li>
        <li id="li1"><a href="css2.pdf" title="css2">CSS2</a></li>
        <li><a href="css3.html" title="this is my">CSS3</a></li>
        <li>Basic XPath</li>
    </ul>
    <a href="http://jquery.com">JQuery site2</a>
    </li>


    <li>JQuery also supports
        <ul>
            <li>Custom selectors</li>
            <li>Form selectors</li>
        </ul>
    </li>
</ul>
</body>