jQuery中[attribute*=value]选择器用法实例
更新时间：2014年12月31日 11:30:32 投稿：shichen2014
这篇文章主要介绍了jQuery中[attribute*=value]选择器用法,实例分析了[attribute*=value]选择器的功能、定义及匹配给定的属性包含某些值的元素的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery中[attribute*=value]选择器用法。分享给大家供大家参考。具体分析如下：
此选择器能够匹配给定的属性包含某些值的元素。
语法结构:
复制代码 代码如下:
$("[attribute*=value]")
参数列表:
实例代码:
实例一:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("li[id*='ir']").css("color","blue");
})
})
</script>
</head>
<body>
<ul>
<li id="first">html专区</li>
<li id="second">Jquery专区</li>
</ul>
<ul>
<li id="third">欢迎来到脚本之家</li>
<li>脚本之家欢迎您</li>
</ul>
<button>点击查看效果</button>
</body>
</html>
以上代码可以将li元素中，id属性值中带有“ir”的li元素中文本颜色设置为蓝色。
实例二:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("li[id*=[ir]").css("color","blue");
})
})
</script>
</head>
<body>
<ul>
<li id="f[irst">html专区</li>
<li id="second">Jquery专区</li>
</ul>
<ul>
<li id="third">欢迎来到脚本之家</li>
<li>脚本之家欢迎您</li>
</ul>
<button>点击查看效果</button>
</body>
</html>
从以上代码可以看出如何代码中含有"["或者"]"的时候，必须要带有引号，否则会造成匹配错误。
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
下面小编就为大家带来一篇jquery无法为动态生成的元素添加点击事件的解决方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-12-12
这篇文章主要为大家分享了jQuery产品间断向下滚动的核心代码,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了jQuery+jsp下拉框联动获取本地数据的方法,以实例形式较为详细的分析了jQuery结合jsp实现下拉联动菜单读取本地数据的相关技巧,并附带了完整源码供读者下载参考,需要的朋友可以参考下2015-12-12
Jquery 插件学习实例1 插件制作说明与tableUI优化
Jquery 插件学习实例1 插件制作说明与tableUI优化，需要的朋友可以参考下。2010-04-04
今天小朋友写了个程式，出现乱码，将解决过程分享一下 为方便说明，将环境简化，vs.net 2003, jquery-1.3.2.js, web service调用2010-02-02
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
这篇文章主要介绍了JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作,涉及jquery事件响应及页面元素属性动态操作相关使用技巧,需要的朋友可以参考下2019-11-11
本文主要介绍了解决jquery.zclip轻量级复制失效问题的工作原理及方法。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
本文是对优化Jquery,提升网页加载速度方面进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
详解bootstrap用dropdown-menu实现上下文菜单
这篇文章主要介绍了详解bootstrap用dropdown-menu实现上下文菜单的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下2017-09-09
这篇文章主要介绍了Jquery动态添加输入框的方法,实例分析了jQuery中append方法添加页面元素的使用技巧,需要的朋友可以参考下2015-05-05
最新评论