1. 是什么?
?- 有特定格式的字符串
2. 作用
?- 用来查找特定页面元素
3. 基本选择器
?- #id : id选择器
?- element : 元素选择器
?- .class : 属性选择器
?- * : 任意标签
?- selector1,selector2,selectorN : 取多个选择器的并集(组合选择器)
?- selector1selector2selectorN : 取多个选择器的交集(相交选择器)
现有如下需求:
/*
??需求:
??1. 选择id为div1的元素
??2. 选择所有的div元素
??3. 选择所有class属性为box的元素
??4. 选择所有的div和span元素
??5. 选择所有class属性为box的div元素(div.box),如果属性不是id和class,就需要用div【name=“”】来表示
??*/
<div id="div1" class="box">div1(class="box")</div><div id="div2" class="box">div2(class="box")</div><div id="div3">div3</div><span class="box">span(class="box")</span><br><ul> ?<li>AAAAA</li> ?<li title="hello">BBBBB(title="hello")</li> ?<li class="box">CCCCC(class="box")</li> ?<li title="hello">DDDDDD(title="hello")</li></ul>
通过js实现:
console.log($("#div1").get(0).innerHTML); ?console.log($("div").length); ?console.log($(".box").html()); ?console.log($("div,span").html()); ?console.log($("div[class=‘box‘]").html());
jQuery之基本选择器
原文地址:https://www.cnblogs.com/caicaihong/p/9371099.html