jquery属性选择器
jquery属性选择器
jquery属性选择器
一、[attribute] 属性选择器
1、匹配包含给定属性的元素,用于判断拥有某个属性的元素
2、例如
查找所有含有 id 属性的 li 元素
<li> <p>Hello!</p> </li> <li id="test2"></li> $("li[id]") //结果<li id="test2"></li>
二、[attribute=value] 属性选择器
1、匹配给定的属性的值是value的元素
2、例如
查找所有 name 属性值是 newsletter 的 input 元素
<input type="checkbox" name="newsletter" value="Hot Fuzz" /> <input type="checkbox" name="newsletter" value="Cold Fusion" /> <input type="checkbox" name="accept" value="Evil Plans" /> $("input[name='newsletter']").attr("checked", true);//结果
<input type="checkbox" name="newsletter" value="Hot Fuzz" checked="true" />
<input type="checkbox" name="newsletter" value="Cold Fusion" checked="true" />
三、[attribute!=value] 属性选择器
1、匹配给定的属性的值不等于value的元素
2、例如
查找所有 name 属性不是 newsletter 的 input 元素
<input type="checkbox" name="newsletter" value="Hot Fuzz" /> <input type="checkbox" name="newsletter" value="Cold Fusion" /> <input type="checkbox" name="accept" value="Evil Plans" /> $("input[name!='newsletter']").attr("checked", true);//结果:
<input type="checkbox" name="accept" value="Evil Plans" checked="true" />
四、[attribute^=value] 属性选择器
1、匹配给定的属性的值是以value开头的元素
2、例如
查找所有 name 以 'news' 开始的 input 元素
<input name="newsletter" /> <input name="milkman" /> <input name="newsboy" /> $("input[name^='news']") //结果:<input name="newsletter" />, <input name="newsboy" />
五、[attribute$=value] 属性选择器
1、匹配给定的属性的值是以value结尾的元素
2、例如
查找所有 name 以 'letter' 结尾的 input 元素
<input name="newsletter" /> <input name="milkman" /> <input name="jobletter" /> $("input[name$='letter']")//结果:
<input name="newsletter" /> <input name="jobletter" />
六、[attribute*=value] 属性选择器
1、匹配给定的属性的值包含value的元素
2、例如
查找所有 name 包含 'man' 的 input 元素
<input name="man-news" /> <input name="milkman" /> <input name="letterman2" /> <input name="newmilk" /> $("input[name*='man']")结果:
<input name="man-news" /> <input name="milkman" /> <input name="letterman2" />
七、[selector1][selector2][selectorN] 多个属性选择器
1、复合属性选择器,需要同时满足多个条件时使用,多个属性值取交集
2、例如
(1)、查询一个input,类型是checkbox,name是chkName
$("input[type=checkbox][name=chkName]")
(1)、找到所有含有 id 属性,并且它的 name 属性是以 man 结尾
<input id="man-news" name="man-news" /> <input name="milkman" /> <input id="letterman" name="new-letterman" /> <input name="newmilk" /> $("input[id][name$='man']") //结果: <input id="letterman" name="new-letterman" />
- css3设置过渡效果(CSS3 media queries + jQuery实现响应式导航)
- html导航条下拉菜单代码(Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码)
- jquery的each的用法
- jquery中serialize方法对空格的处理
- JQuery中extend的用法
- jquery中append和appendto的区别
- jquery滚动固定插件在哪(jquery 步骤进度轴插件的实现代码)
- javascript和jquery的区别详解(JavaScript与JQuery框架基础入门教程)
- jQuery中noConflict()的用法
- jquery获取outerhtml
- jquery on绑定hover
- jquery遍历json字符串
- jquery属性选择器
- jquery中unbind、bind
- jQuery如何操作下拉框select
- jquery中hasClass()、is()判断是否包含指定的class
- 寒假旅游攻略(成都寒假旅游攻略)
- 菲律宾旅游攻略(菲律宾旅游攻略地图)
- 清华大学难考吗(清华大学考研录取分数线)
- 观花盆栽佛肚竹盆景制作及养护(观花盆栽佛肚竹盆景制作及养护)
- 春天养佛肚竹,做好这几件事,叶绿根壮寓意好 越养越旺家(春天养佛肚竹做好这几件事)
- 律界衣品最好,时尚圈学识数高,41岁的Amal堪称现实版的傲骨贤妻(时尚圈学识数高)