jquery 属性过滤选择器
2016-05-16 13:46
441 查看
属性过滤器的过滤规则通过元素的属性来获取相应的元素。
以下为HTML代码:
Jquery代码为:
以下为HTML代码:
<div class="menu" id="menu" title="test"> 区域1 <div class="menu_list" title="codest"> 区域2 <div class="menu_list_file" title="teacher"> 区域3 <div class="list" title="mobile"> 区域4 </div> </div> </div> </div>
Jquery代码为:
$("#operate2").click(function(){ $("div[title]").addClass("menu_change");//含有属性title的div(成功) $("div[title='test']").addClass("menu_change");//属性title=test的div,(成功) $("div[title!='test']").addClass("menu_change");//属性title不等于test。(成功) $("div[title^='te']").addClass("menu_change");//实行title以te开头(成功) $("div[title$='est']").addClass("menu_change");//属性title以est。(成功) $("div[title*='es']").addClass("menu_change");//属性title含有es(成功) });
相关文章推荐
- jquery获取元素内容-text()和val()
- Jquery 可见性过滤器选择器
- jQuery之防止冒泡事件 默认事件阻止
- js/jquery去掉空格,回车,换行示例代码
- 在jQuery 和 HTML5 上使用EasyUI
- js入门篇之jQuery
- 在线jquery测试网站
- jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
- jQuery操作Select
- 【原创经验分享】JQuery(Ajax)调用WCF服务
- jquery选择器的一些处理
- Jquery中用offset().top和offsetTop的比较
- JQuery validate验证规则
- jQuery中.bind() .live() .delegate() .on()的区别
- jQuery 常用代码集锦(必看篇)
- jquery ajax 中的dataType
- jQuery操作select下拉框的text值和value值的方法
- 精挑整理 8款HTML5/jQuery应用,高端大气上档次特效
- jquery cycle pugin
- jquery,选中并且 禁止checkbox