tofacebook.com -专业IT技术社区(贪吃蛇学院) 【百家号】脸书百科,jQuery之基本选择器 Web程序 - 贪吃蛇学院-专业IT技术平台
81°

【百家号】脸书百科,jQuery之基本选择器 Web程序

标签:交集   innerhtml   title   基本选择器   jquer   选择器   name   .class   bsp   


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之基本选择器

标签:交集   innerhtml   title   基本选择器   jquer   选择器   name   .class   bsp   

原文地址:https://www.cnblogs.com/caicaihong/p/9371099.html


本文由百家号/熊掌号作者上传并发布,百家号仅提供信息发布平台。文章仅代表作者个人观点,不代表百度立场。

已有 0 条评论

    我有话说: