jQuery之基本選擇器
阿新 • • 發佈:2018-07-26
特定 組合 .class div 字符串 多個 hello 屬性選擇器 選擇器
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之基本選擇器