jQuery之基本选择器
2024-08-26 03:02:04
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());
最新文章
- 【翻译】理念:无冲突的扩展本地DOM原型
- centos6.3(64位) 安装apr
- Android 自定义dialogfragment
- 记录类型中String的释放
- Number Transformation
- JVM内存模型,垃圾回收算法
- H5的新应用-指定视频的播放进度
- BOM浏览器对象模型下面几个比较实用的方法
- mshadow的原理--MXNet
- Android 之json解析
- Xtrabackup实现数据的备份与恢复
- 利用rsync+inotify实现数据实时同步脚本文件
- C#的发展历程第五 - C# 7开始进入快速迭代道路
- solr6.6初探之分词篇
- eclipse搭建elastic-job
- java笔记 -- 数组
- Linux centos7安装python3并且不影响python2
- ubuntu下使用golang、qml与ubuntu sdk开发桌面应用 (简单示例)
- mysql误删数据快速恢复
- JDK7下VisualVm插件无法链接到插件中心