jQuery 查找元素操作实例小结


Posted in jQuery onOctober 02, 2019

本文实例讲述了jQuery 查找元素操作。分享给大家供大家参考,具体如下:

1. id

// 通过id查找
$('#id')

2. class

<div class='c1'></div>
// 通过class查找
$('.c1')

3. 标签、组合

<div id='i1' class='c1'>
  <a>x</a>
</div>
<div class='c1'>
  <div class='c2'>x</div>
</div>
// 标签:找到所有a标签
$('a')

4. 层级

<div>up</div>
<div id='i10'>
  <div>
    <a>x</a>
  </div>
    <a>x</a>
    <a>x</a>
</div>
<div>down</div>
// 以" "分割
// 查找指定id标签下的所有a标签
$('#i10 a')
// 以">"分割
// 查找指定id标签下子标签下的所有标签
$('#i10>div')
// 以"+"分割
// 查找指定id标签同级下的下一个div标签
$('#i10+div')
// 以"~"分割
// 查找指定id标签同级的所有div标签
$('#i10~div')

5. :first

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>
// 获取匹配的第一个元素
$('li:first');
// 塞选某个ID下标签下的第一个元素
$('#ID>标签:first')

6. :eq(index)

<table>
 <tr><td>Header 1</td></tr>
 <tr><td>Value 1</td></tr>
 <tr><td>Value 2</td></tr>
</table>
// 匹配一个给定索引值的元素
$("tr:eq(1)")

7. :last()

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>
// 获取最后个元素
$('li:last')

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
jquery中关于bind()方法的使用技巧分享
Mar 30 jQuery
jQuery用noConflict代替$的实现方法
Apr 12 jQuery
jQuery操作之效果详解
May 19 jQuery
基于jQuery对象和DOM对象和字符串之间的转化实例
Aug 08 jQuery
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
jquery 获取索引值在一定范围的列表方法
Jan 25 jQuery
jQuery 改变P标签文本值方法
Feb 24 jQuery
jQuery实现基本隐藏与显示效果的方法详解
Sep 05 jQuery
jQuery动态操作表单示例【基于table表格】
Dec 06 jQuery
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 jQuery
JQuery省市联动效果实现过程详解
May 08 jQuery
layui+jquery支持IE8的表格分页方法
Sep 28 #jQuery
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 #jQuery
jquery中attr、prop、data区别与用法分析
Sep 25 #jQuery
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 #jQuery
jquery弹窗时禁止body滚动条滚动的例子
Sep 21 #jQuery
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 #jQuery
基于jquery ajax的多文件上传进度条过程解析
Sep 11 #jQuery
You might like
PHP批量生成缩略图的代码
2008/07/19 PHP
php获取地址栏信息的代码
2008/10/08 PHP
Codeigniter框架实现获取分页数据和总条数的方法
2014/12/05 PHP
PHP输入输出流学习笔记
2015/05/12 PHP
PHP四种排序算法实现及效率分析【冒泡排序,插入排序,选择排序和快速排序】
2018/04/27 PHP
jQueryUI的Dialog的简单封装
2010/06/07 Javascript
Jquery实现鼠标移上弹出提示框、移出消失思路及代码
2013/05/19 Javascript
js子页面获取父页面数据示例
2014/05/15 Javascript
jQuery操作select下拉框的text值和value值的方法
2014/05/31 Javascript
JavaScript前补零操作实例
2015/03/11 Javascript
简单实现轮播图效果的实例
2016/07/15 Javascript
对angularJs中ng-style动态改变样式的实例讲解
2018/09/30 Javascript
[56:21]LGD vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
在主机商的共享服务器上部署Django站点的方法
2015/07/22 Python
深入理解python中函数传递参数是值传递还是引用传递
2017/11/07 Python
Python入门之后再看点什么好?
2018/03/05 Python
python安装scipy的方法步骤
2019/06/26 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
2020/02/11 Python
Python 解决火狐浏览器不弹出下载框直接下载的问题
2020/03/09 Python
Django基于客户端下载文件实现方法
2020/04/21 Python
BeautifulSoup获取指定class样式的div的实现
2020/12/07 Python
使用HTML和CSS3绘制基本卡通图案的示例分享
2015/11/06 HTML / CSS
法国在线购买汽车轮胎网站:123pneus.fr
2019/02/25 全球购物
SQL Server笔试题
2012/01/10 面试题
简历自我评价模版
2014/01/31 职场文书
关于青春的演讲稿800字
2014/08/22 职场文书
民族学专业职业生涯规划范文:积跬步以至千里
2014/09/11 职场文书
出国签证在职证明
2014/09/20 职场文书
中学生秋季运动会广播稿
2014/09/21 职场文书
2014年作风建设剖析材料
2014/10/23 职场文书
2014年收银工作总结
2014/11/13 职场文书
2016学雷锋优秀志愿者事迹材料
2016/02/25 职场文书
创业计划书之奶茶店开店方案范本!
2019/08/06 职场文书
解决Golang中goroutine执行速度的问题
2021/05/02 Golang
python实现自动清理文件夹旧文件
2021/05/10 Python
python编程简单几行代码实现视频转换Gif示例
2021/10/05 Python