jquery 查询元素技巧

最新推荐文章于 2024-07-28 02:35:21 发布
转载 最新推荐文章于 2024-07-28 02:35:21 发布 · 942 阅读 · 0
收录于
转载文章

当前文章被收录于：

转载文章
2 篇文章 0 人学习
订阅专栏 查看详情
本文详细介绍了jQuery中用于选取HTML元素的各种选择器用法，包括基本的选择元素方式以及更复杂的组合选择器，帮助开发者快速定位页面中的元素。
$("div[id]")                查找所有含有 id 属性的div元素。 
$("div[id='ajaxa']")        查找 id 为 ajaxa 的 div 元素。 
$("div[id!='ajaxa']")       查找 id 不为 ajaxa 的 div 元素。 
$("div[id^='ajaxa']")       查找 id 以 ajaxa 开头的 div 元素。 
$("div[id$='ajaxa']")       查找 id 以 ajaxa 结尾的 div 元素。 
$("div[id*='ajaxa']")       查找 id 含 ajaxa 的 div 元素。 
$("div[id^='ajaxa']")       查找 id 以 ajaxa 开头的 div 元素。 
$("div[id][class='ajaxa']") 查找存在id属性并且类为ajaxa的 div 元素
jquery查找父元素、子元素(个人经验总结)
12-01
使用js或者jquery查找父元素、子元素经常遇到。可是用起来总容易混淆，这里统一总结了一下，以后用起来相信会方便好多 这里jquery向上查找父元素 用到的方法：closest() parents() parent() 向下查找子元素 用到的方法：find() children() js用的是 children[] 属性 html代码 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <html> <head> <meta
jQuery基础——使用过滤器—2查找
weixin_57575133的博客
11-05 1370
查找操作主要是以jQuery对象为基础，查找父级、同级或者下级相关元素，以便实现延伸筛选，增强对文档的控制能力。jQuery查找方法主要包括16种。
jquery如何向上查找元素
qq_41353397的博客
10-26 1841
例如： $(this).parent().parent().parent().find("a:first").text()；
jquery向上查找最近的selector选择器元素
大连 云鹏
11-28 1827
之前自己写了一个框架 把同样的html代码片段加入到DOM中，但是在整个大的DOM的树中，就会出现好多同名的DOM元素 这样若直接使用选择器则就会选择错误 jquery提供了一个方法，就是closest() 具体使用，参看 官方文档 [url]http://api.jquery.com/closest/[/url] 这里面有例子 [url]http://www....
【元素的查找】js和jquery方法查找dom元素
lihuapiao的专栏
12-17 5556
一.dom方法查找元素       1.常规方法的
jquery 寻找上级
weixin_36989361的博客
07-28 289
jQuery 寻找上级元素的技巧与应用 jQuery 是一个快速、小巧且功能丰富的 JavaScript 库。它简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。在开发过程中，我们经常需要找到当前元素的上级元素，以便于进行样式更改、事件绑定等操作。本文将介绍如何使用 jQuery 寻找上级元素，并提供一些实用的...
jquery 查询元素技巧
weixin_30500289的博客
07-13 75
jquery 查询元素技巧 $("div[id]") 查找所有含有 id 属性的div元素。$("div[id='ajaxa']") 查找 id 为 ajaxa 的 div 元素。$("div[id!='ajaxa']") 查找 id 不为 ajaxa 的 div 元素。$("div[id^='ajaxa']"...
jquery 选择器备忘
11-19 175
JQUERY找无规律元素文本的办法 具有限定子节点选择器:$("mix1[mix2]"):返回包含mix2的mix1节点.如:$("div[a]"):包含a标签的div.这个和$("div a")不相同.后者表示div中的a标签,返回的是a标签对象,前者返回的是div标签对象冒号限定结点选择器:$("mix:condition"):mix标签,并且满足限定条件.E:root:类型为E,...
JQuery对象获取各类节点操作详解
T型人小付的博客
09-15 804
在前面的《JQuery的选择器和过滤器汇总》中我总结了JQ中直接获取元素的几种方式，但是在很多时候，都是某个元素的事件响应中，需要对另一个元素进行操作。这个时候除了使用id或者class这种定死的方式，还可以在事件响应的元素上做相对的查询。这一篇我们就来总结一下。 文章目录操作环境父级元素子级元素兄弟元素 操作环境 h5内容如下 <div id="container"> <div id="box1"><span id="span1"></span>&l
60个很实用的jQuery代码开发技巧收集
吴渣渣的博客
08-05 611
1. 创建一个嵌套的过滤器 .filter(":not(:has(.selected))") //去掉所有不包含class为.selected的元素 2. 重用你的元素查询 var allItems = $("div.item"); var keepList = $("div#container1 div.item"); class names: $(formToLookAt + "
jQuery操作HTML元素
农夫阿才
12-23 1429
上一篇写了jQuery的选择器和过滤器，已经能够选中元素了。接下来要做的是，操作元素，为了便于记忆，我按照查询、增加、删除、修改四种操作来写，下面进入正题。 一、查询元素操作 解释一下：其实jQuery的选择器就属于查询操作，这里的查询操作指的是遍历。我们获取到的 jQuery 对象是个集合，里面可能包含很多个dom对象，往往需要将它们遍历，进而再操作。 1.each(回调函数) &amp;amp;lt;ht...
提高jQuery效率
huangwensu的博客
04-24 425
1.缓存变量         DOM遍历是昂贵的，所以尽量将会重用的元素缓存。 // 糟糕 h = $('#element').height(); $('#element').css('height',h-20); // 建议 $element = $('#element'); h = $element.height(); $element.css('hei
jquery获取按钮中自定义属性值遇到的坑
qq_64595521的博客
06-30 102
如图，直接写this拿不到bookname，必须用查询符包一下。
JQuery属性选择器 之 id属性模糊查询
哈
11-21 5380
JQuery选择器 之 id属性模糊查询 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Jquery</title> <script type="text/javascri...
Jquery基础知识点梳理
weixin_30827565的博客
03-15 174
1、第一个jq程序 　　a、jq对象和dom对象的方法不能混用 　　b、dom对象转换成jq对象$(dom)，jq对象转换成dom对象jq[0]，转换之后方法就可以使用了 2、jq选择器 　　基本选择器 　　$('body') //标签选择器 　　$('#btn') //id选择器 　　$('.class') //类选择器 　　 $('p:odd') //奇偶行选择...
jQuery操作dom元素
Ardencyz
02-23 489
jQuery操作dom元素 1.操作元素的属性 attr(),prop() 　　　获取或者设置元素的属性值 attr(): $("input[type='button']").attr("value","按钮1");//设置button的value值为按钮1 console.log( $("input[type='button']").attr("value"));//获取button的v...
jQuery查询
weixin_30781631的博客
05-16 116
练习代码： View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" >...
50个jQuery代码开发技巧
sunshine
03-19 604
本文转载地址：http://www.cnblogs.com/chinahnzhou/archive/2013/03/19/2969484.html 1. 创建一个嵌套的过滤器 .filter(":not(:has(.selected))") //去掉所有不包含class为.selected的元素 2. 重用你的元素查询 var allItems = $("div.item");
Jquery高级编程(一)【50个高级jQuery代码开发技巧】
极客神殿
05-22 5562
1.创建一个嵌套的过滤器.filter(&quot;:not(:has(.selected))&quot;) //去掉所有不包含class为.selected的元素2.重用你的元素查询var allItems = $(&quot;div.item&quot;); var keepList = $(&quot;div#container1 div.item&quot;); &lt;div&gt;class names: $(formToLook
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值