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对象和Javascript对象之间转换的实例代码
jQuery对象和Javascript对象之间转换的实例代码，需要的朋友可以参考一下2013-03-03
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码（带平滑移动的效果）
从一个页面跳转到另一个页面的指定位置 如果不带平滑移动的效果 很容易 加个 锚点就行了2011-05-05
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
这篇文章主要介绍了jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象的相关资料,需要的朋友可以参考下2016-01-01
可能有一些站长会注意到这样的效果，到收到的新消息会闪烁标题提示，那么新消息在网页标题闪烁显示的效果如何实现，下面有个不错的示例，感兴趣的朋友可以参考下2013-11-11
基于daterangepicker日历插件使用参数注意的问题
下面小编就为大家带来一篇基于daterangepicker日历插件使用参数注意的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
拓展一个点击按钮自动高亮的原理很简单，在点击的时候给元素加上一个自定义的attr，具体实现祥看本文2014-04-04
使用jQuery.load方法加载一个网页，那么这个网页内部的js代码是否能够执行呢，答案是肯定的，这就相当于把load的内容与主页面进行了合并一样2011-03-03
这篇文章主要介绍了jQuery使用ajax方法解析返回的json数据功能,结合实例形式分析了jQuery ajax操作流程及json数据处理技巧,需要的朋友可以参考下2017-01-01
之前写过一篇文章Jquery Ajax方法传值到action，本文是对该文的补充2014-05-05
本文主要介绍了jquery实现文本框的禁用和启用，代码清晰，有需要的朋友可以参考下，希望会对大家有所帮助2016-12-12
最新评论