首页 / JQUERY / 如何使用jQuery筛选排除元素以修改指定标签的属性

如何使用jQuery筛选排除元素以修改指定标签的属性

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何使用jQuery筛选排除元素以修改指定标签的属性，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含11612字，纯文字阅读大概需要17分钟。

内容图文

简单案例：

$(function(){
    $("td[id][id!='']").click(function(){
           //你的逻辑
    });
});

上述代码，有id且id不为空的td都会执行“你的逻辑”。

=======================转载=======================

1、eq()　　筛选指定索引号的元素
2、first()　　筛选出第一个匹配的元素
3、last()　　筛选出最后一个匹配的元素
4、hasClass()　　检查匹配的元素是否含有指定的类
5、filter()　　筛选出与指定表达式匹配的元素集合
6、is()　　　检查元素是否参数里能匹配上的
7、map()
8、has()　　筛选出包含指定子元素的元素
9、not()　　排除能够被参数中匹配的元素
10、slice()　　　　从指定索引开始，截取指定个数的元素
11、children()　　筛选获取指定元素的资源
12、closest()　　从当前元素开始，返回最先匹配到的符合条件的父元素
13、find()　　　　从指定元素中查找子元素
14、next()　　　获取指定元素的下一个兄弟元素
15、nextAll()　　获取其后的所有兄弟元素
16、nextUntil()　获取其后的元素，直到参数能匹配上的为止,不包括结束条件那个
17、offsetPosition()　　返回第一个用于定位的祖先元素，即查找祖先元素中position为relative或absolute的元素。
18、parent()　　　获取指定元素的直接父元素
19、parents()　　获取指定元素的所有祖先元素，一直到<body></body>
20、parentsUntil()　　获取指定元素的祖先元素，知道参数里能匹配到的为止
21、prev()　　　　获取指定元素的前一个兄弟元素
22、prevAll()　　　获取指定元素前面的所有兄弟元素
23、prevUntil()　获取指定元素前面的所有兄弟元素，直到参数里的条件能够匹配到的。注意参数条件本身不会被匹配
24、siblings()　　获取指定元素的兄弟元素，不分前后
25、add()　　　　将选中的元素添加到jQuery对象集合中
26、andSelf()　　将自身加到选中的jQuery集合中,以方便一次性操作
27、end()　　　将改变当前选择器选中的操作回退为上一个状态。
28、contents　　未明白

************************* 筛选 ************************************

一、eq()　　筛选指定索引号的元素

　语法：eq(index|-index)　　索引号从0开始，若为负值，则从最后一个开始倒数，最后一个从-1开始

　　$("p").eq(1);　　//如果选择器改为  $("p").eq(-1)，则我是第四个P会被选中
　　　　
　　<p>
　　　　<p>我是第一个P</p>
　　　　<p>我是第二个P</p>　　//会被选中，索引值为1
　　　　<p>我是第三个P</p>
　　　　<p>我是第四个P</p>
　　</p>

　　语法：first()　　此方法没有参数

　　$("p").first();
　　　　
　　<p>
　　　　<p>我是第一个P</p>　　//我的索引值是0，我是第一个，我会被选中
　　　　<p>我是第二个P</p>
　　　　<p>我是第三个P</p>
　　　　<p>我是第四个P</p>
　　</p>

语法：last()　　此方法没有参数

　　$("p").last();
　　　　
　　<p>
　　　　<p>我是第一个P</p>
　　　　<p>我是第二个P</p>
　　　　<p>我是第三个P</p>
　　　　<p>我是第四个P</p>    //我是最后一个，我会被选中
　　</p>

　　语法：hasClass(class)　　class为类别名　　//返回布尔值

   if($("p").hasClass("p2"))
　　{
　　　　alert("我里面含有class=p2的元素");　　//会弹出，p里的确存在class="p2"的元素
　　} 
　　<p>
　　　　<p>我是第一个P</p>
　　　　<p class="p2">我是第二个P</p>
　　　　<p>我是第三个P</p>
　　　　<p>我是第四个P</p>
　　</p>

　　$("p").filter(".p2");

　　<p>
　　　　<p>我是第一个P</p>
　　　　<p class="p2">我是第二个P</p>　　//我会被选中，我的class="p2"
　　　　<p>我是第三个P</p>
　　　　<p>我是第四个P</p>
　　</p>

　　$($("p").first().is(".p2"))
　　{
　　　　alert("不会弹出，因为第一个P的class不等于p2");　
　　}

　　<p>
　　　　<p>我是第一个P</p>
　　　　<p class="p2">我是第二个P</p>　　//我会被选中，我的class="p2"
　　　　<p>我是第三个P</p>
　　　　<p>我是第四个P</p>
　　</p>

七、map()

八、has()　　筛选出包含指定子元素的元素

　　语法:has(expr|ele)　　expr:选择表达式 | DOM元素选择

　　$("p").has("p");
　
　　<p>　　　　　　　　　　　　　　　　　//本p会被选中，因为该p含有p子元素
　　　　<p>我是第一个P</p>
　　　　<p class="p2">我是第二个P</p>
　　　　<p>我是第三个P</p>
　　　　<p>我是第四个P</p>
　　</p>
　　<p>
　　　　<span>我是一个span</spam>
　　</p>

九、not()　　排除能够被参数中匹配的元素

　语法：not(expr|ele|fn)　　expr:选择表达式 | DOM元素选择 | fn的作用还不清楚

　　$("p").not(".p2");
　
　　<p>
　　　　<p>我是第一个P</p>　　　　　　　　//会被选中，没有class=p2
　　　　<p class="p2">我是第二个P</p>　 //不会被选中，因为有class=p2被not(".p2")排除了
　　　　<p>我是第三个P</p>　　　　　　　　//会被选中，没有class=p2
　　　　<p>我是第四个P</p> 　　　　　　　 //会被选中，没有class=p2
　　</p>

十、slice()　　从指定索引开始，截取指定个数的元素

　　语法：slice(start, [end])　　　start位置，　end可选，结束位置，不包含结束位置那个。如果不指定，则匹配到最后一个。

　　$("p").slice(1,3)
　
　　<p>
　　　　<p>我是第一个P</p>　　　　　　　　//不会被选中，我索引为0
　　　　<p class="p2">我是第二个P</p>　 //会被选中，我索引为1
　　　　<p>我是第三个P</p>　　　　　　　　//会被选中，我索引为2
　　　　<p>我是第四个P</p> 　　　　　　　 //不会被选中，虽然我的索引为3，但是不包括我
　　</p>

********************** 筛选 *********************************

十一、children()　　筛选获取指定元素的资源

　　　语法：children(expr);　　获取指定元素的资源，expr为子元素筛选条件

　　$("p").children(".p2");
　
　　<p>
　　　　<p>我是第一个P</p>　　　　　　　　//不会被选中，虽然我是p的子元素，但是我没class=p2
　　　　<p class="p2">我是第二个P</p>　 //会被选中，我既是p的子元素，又有class=p2
　　　　<p>我是第三个P</p>　　　　　　　　//不会被选中，虽然我是p的子元素，但是我没class=p2
　　　　<p>我是第四个P</p> 　　　　　　　 //不会被选中，虽然我是p的子元素，但是我没class=p2
　　</p>

十二、closest()　　从当前元素开始，返回最先匹配到的符合条件的父元素

　　$("span").closest("p","p");
　　<p>　　　　　　　　　　　　　　　　　　 //不会被选中，被P抢了先机
　　　　<p>我是第一个P　　　　　　　　　　　　//P会被选中，因为P符合条件，而且是最先匹配到的，虽然p也符合条件了，但是p不是最先匹配到的。因此p不会被选中。
　　　　　　<span>我是P里的span</span>
　　　　</p>
　　</p>

十三、find()　　　　从指定元素中查找子元素

　　　语法：find(expr|obj|ele)　　expr:匹配表达式 | obj用于匹配的jQuery对象 | DOM元素

　　$("p").find(".p2");　　　　
　　<p>
　　　　<p>我是第一个P</p>　　　　　　　　//不会被选中，虽然我是p的子元素，但是我没class=p2
　　　　<p class="p2">我是第二个P</p>　 //会被选中，我既是p的子元素，又有class=p2
　　　　<p>我是第三个P</p>　　　　　　　　//不会被选中，虽然我是p的子元素，但是我没class=p2
　　　　<p>我是第四个P</p> 　　　　　　　 //不会被选中，虽然我是p的子元素，但是我没class=p2
　　</p>

十四、next()　　　　获取指定元素的下一个兄弟元素

　　　语法：next(expr)　　expr:可选，筛选条件，如果下一个兄弟元素不符合改条件，则返回空。

　　$(".p2").next();　　　　//如果筛选改为$(".p2").next(".p4")那选中的是哪个呢？答案是：没选中任何元素，因为虽然有个class=p4的P，但它不是.p2的下一个。　　　　　　
　　<p>
　　　　<p>我是第一个P</p>　　　　　　　　
　　　　<p class="p2">我是第二个P</p>　 
　　　　<p>我是第三个P</p>　　　　　　　　//我是.p2的next
　　　　<p class="p4">我是第四个P</p>
　　</p>

十五、nextAll()　　获取其后的所有兄弟元素

　　　语法：nextAll(expr)　　expr:可选，筛选条件，获取其后符合expr条件的所有兄弟元素

　　$(".p2").nextAll();　　//如果筛选条件改为 $(".p2").nextAll(".p4");　　则只有我是第四个P会被选中
　　<p>
　　　　<p>我是第一个P</p>　　　　　　　　
　　　　<p class="p2">我是第二个P</p>　 
　　　　<p>我是第三个P</p>　　　　　　　　//会被选中，是.p2后面的兄弟元素
　　　　<p class="p4">我是第四个P</p>   //会被选中，是.p2后面的兄弟元素
　　</p>

十六、nextUntil()　　获取其后的元素，直到参数能匹配上的为止,不包括结束条件那个

　　　语法：nextUntil([expr|ele][,fil])　　expr筛选表达式 | DOM元素筛选，注意不包括参数里的那一个

　　$(".p2").nextUntil(".p4");　　　　//注意此方法并不会包括.p4
　　<p>
　　　　<p>我是第一个P</p>　　　　　　　　
　　　　<p class="p2">我是第二个P</p>　 
　　　　<p>我是第三个P</p>　　　　　　　　//会被选中，是.p2后面的兄弟元素
　　　　<p class="p4">我是第四个P</p>   //不会被选中，我作为结束条件，但不包括我
　　</p>

十七、offsetPosition()　　返回第一个用于定位的祖先元素，即查找祖先元素中position为relative或absolute的元素。

　　　语法：offsetPosition()　　此方法没有参数　　由于CSS的绝对定位的定位基准是相对最近的一个已定位元素，因此此方法的作用不言而喻。

　　$("span").offsetParent();
　　<p style="position:relative">　　//选中的是p，因此p是已定位元素。
　　　　<p>
　　　　　　<span>我是一个span</span>
　　　　</p>
　　</p>

十八、parent()　　　　获取指定元素的直接父元素

　　　　语法：parent(expr)　　expr为筛选条件，如果直接父元素不符合条件，则不返回任何元素(无论它的祖先是否具有能与expr匹配的)

　　$("span").parent();
　　<p style="position:relative">　　
　　　　<p>　　　　　　　　　　　　　　　　//我是span的直接父元素，我会被匹配到
　　　　　　<span>我是一个span</span>
　　　　</p>
　　</p>

十九、parents()　　获取指定元素的所有祖先元素，一直到<body></body>

　　　语法：parents(expr)　　expr为筛选条件，如果某个祖先元素不符合expr则排除

　　$("span").parents();
　　<p style="position:relative">　　//我是span的祖先元素，我也会被匹配到.另外<body></body>也会被匹配到　　
　　　　<p>　　　　　　　　　　　　　　　　//我是span的直接父元素，我会被匹配到
　　　　　　<span>我是一个span</span>
　　　　</p>
　　</p>

二十、parentsUntil()　　获取指定元素的祖先元素，知道参数里能匹配到的为止

　　　语法：parentsUntil(expr)　　expr为停止参数，一直匹配到expr为止，同时参数的条件是不会被匹配中的。

　　$("span").parentsUntil("p");
　　<p style="position:relative">　　//我是span的祖先元素，但是我作为停止条件，我也不会被选中　　
　　　　<p>　　　　　　　　　　　　　　　　//我是span的直接父元素，我会被选中
　　　　　　<span>我是一个span</span>
　　　　</p>
　　</p>

二十一、prev()　　　　获取指定元素的前一个兄弟元素

　　　　语法：prev(expr)　　　　expr：可选。当上一个兄弟元素不符合参数中的条件时，不返回任何元素。

　　$(".p2").prev();　　　　
　　<p>
　　　　<p>我是第一个P</p>　　　　　　//我会被选中，我是.p2的前一个元素。
　　　　<p class="p2">我是第二个P</p>　 
　　　　<p>我是第三个P</p>　　　　　　　　
　　　　<p class="p4">我是第四个P</p>   
　　</p>

二十二、prevAll()　　获取指定元素前面的所有兄弟元素

　　　　语法：prevAll(expr)　　expr:可选，排除所有不能够被expr匹配上的元素

　　$(".p4").prevAll(".p2");　　　　
　　<p>
　　　　<p>我是第一个P</p>　　　　　　　　//不会被选中，虽然我是.p4前面的兄弟元素，但是我没有class=p2
　　　　<p class="p2">我是第二个P</p>　 //会被选中，我既是.p4前面的兄弟元素，而且我有class=p2
　　　　<p>我是第三个P</p>　　　　　　　　//不会被选中，虽然我是.p4前面的兄弟元素，但是我没有class=p2
　　　　<p class="p4">我是第四个P</p> 　
　　</p>

二十三、prevUntil()　　获取指定元素前面的所有兄弟元素，直到参数里的条件能够匹配到的。注意参数条件本身不会被匹配

　　　　语法：prevUntil([expr|ele][,fil])　　expr匹配表达式 | DOM元素匹配

　　$(".p4").prevUntil(".p2");　　　　
　　<p>
　　　　<p>我是第一个P</p>　　　　　　　　//不会被选中，到p2就停止了
　　　　<p class="p2">我是第二个P</p>　 //不会被选中，我是停止条件，不包括我
　　　　<p>我是第三个P</p>　　　　　　　　//会被选中，我在.p2前，递归到我在到.p2
　　　　<p class="p4">我是第四个P</p> 　//不会被选中，我自己怎么可能是我自己前面的呢？
　　</p>

/******************** 串联 *******************************/

二十四、siblings()　　获取指定元素的兄弟元素，不分前后

　　　　语法：siblings(expr);　　expr为筛选条件，不符合条件的不会选中

　　$(".p2").siblings();　　　　
　　<p>
　　　　<p>我是第一个P</p>　　　　　　　　//会被选中，我是.p2的兄弟元素
　　　　<p class="p2">我是第二个P</p>　 //不会被选中，我是自己
　　　　<p>我是第三个P</p>　　　　　　　　//会被选中，我是.p2的兄弟元素
　　　　<p class="p4">我是第四个P</p> 　//会被选中，我是.p2的兄弟元素
　　</p>

二十五、add()　　将选中的元素添加到jQuery对象集合中

　　$(".p2").add("span").css("background-color","red");　　　　
　　<p>
　　　　<p>我是第一个P</p>　　　　　　　　
　　　　<p class="p2">我是第二个P</p>　 //会变红
　　　　<p>我是第三个P</p>　　　　　　　　
　　　　<p class="p4">我是第四个P</p> 　
　　</p>
　　<span>我是一个span</span>　　　　　　//会变红

二十六、andSelf()　　将自身加到选中的jQuery集合中,以方便一次性操作

　　　　andSelf()　　此方法无参数

　　$(".p2").nextAll().andSelf().css("background-color","red");
　　<p>
　　　　<p>我是第一个P</p>　　　　　　　　
　　　　<p class="p2">我是第二个P</p>　 //会变红,这就是andSelf()的效果
　　　　<p>我是第三个P</p>　　　　　　　　//会变红
　　　　<p class="p4">我是第四个P</p> 　//会变红
　　</p>

二十七、end()　　将改变当前选择器选中的操作回退为上一个状态。

　　　　end()　　　此方法没有参数

　　$(".p2").next().end().css("background-color","red");
　　<p>
　　　　<p>我是第一个P</p>　　　　　　　　
　　　　<p class="p2">我是第二个P</p>　 //会变红,这就end()的效果
　　　　<p>我是第三个P</p>　　　　　　　　//不会变红,尽管next()方法之后选中的是这一个，但是由于被end()方法回退了因此是上一个。
　　　　<p class="p4">我是第四个P</p>
　　</p>

以上就是如何使用jQuery筛选排除元素以修改指定标签的属性的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的如何使用jQuery筛选排除元素以修改指定标签的属性全部内容，希望文章能够帮你解决如何使用jQuery筛选排除元素以修改指定标签的属性所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/300744.html

来源：【匿名】

【上一篇】对jQuery中Selector选择器知识点汇总【下一篇】学习php+jQuery+Ajax实现点赞效果的方法

更多 ►

【如何使用jQuery筛选排除元素以修改指定标签的属性】教程文章相关的互联网学习教程文章

jQuery框架使用，jq选择器，jq操作页面内容， jq操作类名，jq操作全局属性,jq获取盒子信息,jq获取位置信息，js/jq页面加载完毕事件，jq事件【代码】

jq选择器// 获取所有的页面元素jq对象$(‘css3选择器语法‘);var $box = $(".box:nth-child(1)"); 获取的是jq对象数组// 拿到指定的页面元素jq对象$(‘css3选择器语法‘).eq(index);var $box = $(".box").eq(1); 获取的是jq对象数组// jq 转 js （ jq对像就是由数组包裹的js对象）box1 = $box[0] 从数组里取出来box1 = $box.get(0) 从数组里取出来// js 转 jq$box1 = $(box1); jq操作元素对象jq操作页面内容$(".box").eq(1...

jquery 操作HTML data全局属性缓存的坑【图】

data-* 全局属性是一类被称为自定义数据属性的属性，它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力，并可以通过脚本(一般指JavaScript) 与 HTML 之间进行专有数据的交换。简单的说就是html元素可以通过data-*属性存一些数据，类似于一个map，如果我们想在html的元素上额外的存一些东西是非常方便的。一：读取是没问题的比如我们读取div中data-num的数据：<div id="div1" data-num="1"> dataSet</div>分别用jquery和js的...

JQuery学习笔记（2）——数组属性事件【代码】

each遍历JQueryObjectArray.each(function(index,Element))复制$(".myTable").each(function(i,ele){//使用模板函数//这里的ele是一个DOM对象，要想使用jQuery对象，可以这样写$(this)//function里面的i和ele两个参数，根据实际情况填console.log(`${i}: ele.innerText`); });toFixed(2) 保留2位小数数组map拼接数组调用map，会自动拼接成一个字符串复制 $.getJSON(‘json_data.html‘, {name1: ‘参数值‘, name2: ‘value2‘}, f...

jquery动态移除/增加onclick属性详解

本文章给大家介绍利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的具体操作方法，有需要了解的朋友可参考。要实现效果：点击链接先去掉onclick属性，3秒后再自动加上该标签中的onclick属性jQuery中，针对标签属性的操作都是使用attr()方法来实现的，比如：$("a").attr("onclick")可获得a标签的onclick属性,对应的：增加事件 $(选择器).attr(属性名) 它的作用就是获取指定元素( $(选择器)部分 )的指定属性的值如...

jQuery的attr和prop属性【代码】

<div id="div1"></div>attr：首先是一个参数的attr。$("#div").attr("id")=div//如果id存在的话，如果不存在返回undefine两个参数的attr。$("#div").attr("id","change")。这样的话就会将id的内容给修改成后面的值prop：首先是一个参数的prop。$("#chk1").prop("checked") == false//不存在这个属性$("#chk2").prop("checked") == true//存在这个属性两个参数的prop$("#kk").prop("chcek",true)，就比如这样的，他是不会修改chcek的...

jquery学习笔记-jQuery操纵DOM元素属性 attr()和removeAtrr()方法【代码】【图】

jQuery中操纵元素属性的方法:attr(): 读或者写匹配元素的属性值.removeAttr(): 从匹配的元素中移除指定的属性. attr()方法读操作attr()读操作. 读取的是匹配元素中第一个元素的指定属性值.　　格式: .attr(attributeName),返回值类型:String.读取不存在的属性会返回undefined. 　　注意选择器的选择结果可能是一个集合,这里仅仅获取的是集合中第一个元素的该属性值.　　看例子:<!DOCTYPE html><html><head><script type="text/ja...

模拟jQuery让对象内部创建的对象拥有父对象的所有属性和方法【代码】【图】

1//想通过列子说明对象内部定义的对象拥有父亲对象的所有属性和方法 2var jQuery = function( ) {3returnnew jQuery.prototype.init();4 }5 jQuery.prototype={6 init:function(){7 8 },9 name:"小明" 10 } 11//将jQuery对象的原型链指向init对象的原型。让init拥有jQuery对象的方法12 jQuery.prototype.init.prototype = jQuery.prototype; 13//var j=new jQuery()...

JQuery属性过滤(转)

属性过滤(Attribute Filters)的内容就是html元素中的属性其包括以下几个选择器:[attribute][attribute=value][attribute!=value][attribute^=value][attribute$=value][attribute*=value][attributeFilter1][attributeFilter2][attributeFilterN][attribute]用法: $(“div[id]“) ;说明: 匹配包含给定属性的元素.例子中是选取了所有带”id”属性的div标签.[attribute=value]用法: $(“input[name=‘newsletter‘]“).attr(“checke...

jquery 通过attr获取属性只有一个值的解决【代码】

var a = [];$($(‘select.list[data-target="‘ + target + ‘"]‘).find("option:selected")).each(function(i, o){a[i] = $(o).attr(‘data-wkp‘);}); 原文：https://www.cnblogs.com/ghjbk/p/10011552.html

37.前端jQuery之属性操作【代码】【图】

属性操作主要分为四个部分：html属性操作，dom属性操作，类样式操作和值操作　　HTML属性操作：属性的读取，设置，以及移除，如attr()、removeAttr()　　DOM属性操作：属性的读取，设置，以及移除，如prop()、removeProp()　　类样式操作：指对DOM属性className进行添加，移除操作。比如addClass()、removeClass()、toggleClass()　　值操作：对DOM属性value进行读取和设置操作。比如html()、text()、val()attr()//获取属性值var i...

jquery属性的相关js实现方法【代码】

有些公司手机网站开发不用第三方的jquery或者zeptio，直接用原生的javascript。原生javascript功能是蛮强大的，只不过部分属性不支持IE8以下浏览器。下面对jquery相关方法，如何用js来实现，做一些简单总结。元素操作Add Class//JQUERY $(el).addClass(className);//js//谷歌浏览器，火狐浏览器，IE8+if(el.classList)el.classList.add(className);elseel.className +=‘ ‘+ className;//谷歌浏览器，火狐浏览器，IE10+ el.classL...

03-对JQuery对象的属性，特性以及数据的操作【代码】

对JQuery对象的属性，特性以及数据的操作：特性（attributes）和属性（properties）：特性的值是字符串。属性的值不光为字符串，而且可以为布尔值，对象，数字。元素的属性和特性有动态链接，如果特性在dom对象中存在，其中一个发生变化，另一个也会变化如果特性是本来就在dom对象中存在，但是类型为boolean，那么特性和属性将不会同步。如果attributes不是dom对象内建的属性，attributes和properties的值不会同步。操作元素的特性...

jQuery操作属性

attr操作作用:给指定的元素添加指定的属性名和属性值1.1 操作一个属性(设置属性并赋值) $(‘选择器‘).attr(‘属性名‘,‘属性值‘)1.2 操作多个属性(传入的参数一定是对象,设置属性并赋值) $(‘选择器‘).attr({ ‘属性名‘:‘属性值‘ ‘属性名‘:‘属性值‘ ‘属性名‘:‘属性值‘ style:"width:500px" })1.3 查询元素的属性对应的值(传入对应属性名,返回的是对应的属性值) $(‘选择器‘).attr(‘属性名‘)1.4 移出属性 $(‘选...

jQuery的属性及样式【代码】

1jQuery的属性与样式之.attr()与.removeAttr()每个元素都有一个或者多个特性，这些特性的用途就是给出相应元素或者其内容的附加信息。如：在img元素中，src就是元素的特性，用来标记图片的地址。操作特性的DOM方法主要有3个，getAttribute方法、setAttribute方法和removeAttribute方法，就算如此在实际操作中还是会存在很多问题，这里先不说。而在jQuery中用一个attr()与removeAttr()就可以全部搞定了，包括兼容问题jQuery中用attr...

JQuery属性操作 addclass removeclass hasclass toggleClass()【代码】

参考页面：http://www.w3school.com.cn/jquery/jquery_ref_attributes.asp 1：addClass() romoveclass()：向匹配的元素添加指定的类名一个或多个，致死天际一个或多个class属性：（如果添加多个类，可以使用空格分隔类名） A:想第一个p元素添加一个类: $("p:first").addClass("intro");B: 使用函数添加一个类 <script type="text/javascript">$(document).ready(function(){ $("button").click(function(){ ...

首页 / JQUERY / 如何使用jQuery筛选排除元素以修改指定标签的属性

如何使用jQuery筛选排除元素以修改指定标签的属性

内容导读

内容图文

内容总结

内容备注

内容手机端

【如何使用jQuery筛选排除元素以修改指定标签的属性】教程文章相关的互联网学习教程文章

jQuery框架使用，jq选择器，jq操作页面内容， jq操作类名，jq操作全局属性,jq获取盒子信息,jq获取位置信息，js/jq页面加载完毕事件，jq事件【代码】

jquery 操作HTML data全局属性缓存的坑【图】

JQuery学习笔记（2）——数组属性事件【代码】

jquery动态移除/增加onclick属性详解

jQuery的attr和prop属性【代码】

jquery学习笔记-jQuery操纵DOM元素属性 attr()和removeAtrr()方法【代码】【图】

模拟jQuery让对象内部创建的对象拥有父对象的所有属性和方法【代码】【图】

JQuery属性过滤(转)

jquery 通过attr获取属性只有一个值的解决【代码】

37.前端jQuery之属性操作【代码】【图】

jquery属性的相关js实现方法【代码】

03-对JQuery对象的属性，特性以及数据的操作【代码】

jQuery操作属性

jQuery的属性及样式【代码】

JQuery属性操作 addclass removeclass hasclass toggleClass()【代码】

JQUERY - 相关标签

元素 - 相关标签

JQUERY - 技术教程分类

JQUERY - 最新教程

JQUERY - 最热教程