jQuery中[attribute]选择器用法实例


Posted in Javascript onDecember 31, 2014

本文实例讲述了jQuery中[attribute]选择器用法。分享给大家供大家参考。具体分析如下:

此选择器能够匹配带有给定属性的元素。

语法结构:

$("[attribute]")

参数列表:

参数 描述
attribute 要查找的属性名称。

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<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(){ 

    $("[title]").css("color","blue"); 

  }); 

}); 

</script>

</head>

<body>

<ul>

  <li id="first">html专区</li>

  <li id="second" title="jquery">Jquery专区</li>

</ul>

<ul>

  <li id="third">欢迎来到三水点靠木</li>

  <li>三水点靠木欢迎您</li>

</ul>

<button>点击查看效果</button>

</body>

</html>

以上代码可以将具有title属性的li元素中的文本颜色设置为蓝色。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
Dec 02 Javascript
js中数组(Array)的排序(sort)注意事项说明
Jan 24 Javascript
JavaScript中的逻辑判断符&amp;&amp;、||与!介绍
Dec 31 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
Feb 26 Javascript
js实现全国省份城市级联下拉菜单效果代码
Sep 07 Javascript
浅析jQuery移动开发中内联按钮和分组按钮的编写
Dec 04 Javascript
JavaScript知识点总结(六)之JavaScript判断变量数据类型
May 31 Javascript
BootStrap智能表单实战系列(七)验证的支持
Jun 13 Javascript
angular ng-click防止重复提交实例
Jun 16 Javascript
javascript计算渐变颜色的实例
Sep 22 Javascript
小程序hover-class点击态效果实现
Feb 26 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
Jul 05 Javascript
JavaScript中的比较操作符&gt;、=、
Dec 31 #Javascript
javascript 操作符(~、&amp;、|、^、)使用案例
Dec 31 #Javascript
JavaScript中的逻辑判断符&amp;&amp;、||与!介绍
Dec 31 #Javascript
JavaScript中的eval()函数使用介绍
Dec 31 #Javascript
JSONP跨域GET请求解决Ajax跨域访问问题
Dec 31 #Javascript
JavaScript中的异常捕捉介绍
Dec 31 #Javascript
JavaScript中对象介绍
Dec 31 #Javascript
You might like
第1次亲密接触PHP5(1)
2006/10/09 PHP
提升PHP执行速度全攻略(上)
2006/10/09 PHP
php通过文件头检测文件类型通用代码类(zip,rar等)
2010/10/19 PHP
php使用curl简单抓取远程url的方法
2015/03/13 PHP
php中序列化与反序列化详解
2017/02/13 PHP
PHP中ajax无刷新上传图片与图片下载功能
2017/02/21 PHP
PHP通过文件保存和更新信息的方法分析
2019/09/12 PHP
Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据
2010/03/15 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
2010/03/24 Javascript
JS和Jquery获取和修改label的值的示例代码
2014/01/15 Javascript
js实现身份证号码验证的简单实例
2014/02/19 Javascript
BootStrap Typeahead自动补全插件实例代码
2016/08/10 Javascript
JS实现的相册图片左右滚动完整实例
2016/11/23 Javascript
JS Select下拉框(支持输入模糊查询)
2017/02/04 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
基于匀速运动的实例讲解(侧边栏,淡入淡出)
2017/10/17 Javascript
vue实现学生录入系统之添加删除功能
2018/07/11 Javascript
Angular5集成eventbus的示例代码
2018/07/19 Javascript
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
在vue中使用防抖和节流,防止重复点击或重复上拉加载实例
2019/11/13 Javascript
JavaScript数组类型Array相关的属性与方法详解
2020/09/08 Javascript
[01:25]DOTA2超级联赛专访iG 将调整状态找回自己
2013/06/05 DOTA
python怎么判断模块安装完成
2020/06/19 Python
五个2015 年最佳HTML5 框架
2015/11/11 HTML / CSS
Lookfantastic挪威官网:英国知名美妆购物网站
2017/07/26 全球购物
Gina Bacconi官网:吉娜贝康尼连衣裙和礼服
2018/04/24 全球购物
用Python写一个for循环的例子
2016/07/19 面试题
求职者应聘的自我评价
2013/10/16 职场文书
创业计划书如何编写
2014/02/06 职场文书
企业元宵节主持词
2014/03/25 职场文书
常务副总经理岗位职责
2014/04/12 职场文书
给老师的感谢信
2015/01/20 职场文书
给下属加薪申请报告
2015/05/15 职场文书
少先队中队工作总结2015
2015/07/23 职场文书
导游词之西递宏村
2019/12/10 职场文书
python数字图像处理数据类型及颜色空间转换
2022/06/28 Python