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 相关文章推荐
JSON.stringify转换JSON时日期时间不准确的解决方法
Aug 08 Javascript
JavaScript实现的一个计算数字步数的算法分享
Dec 06 Javascript
JS实现5秒钟自动封锁div层的方法
Feb 20 Javascript
jQuery实现向下滑出的二级菜单效果实例
Aug 22 Javascript
JS动态添加iframe的代码
Sep 14 Javascript
Sequelize中用group by进行分组聚合查询
Dec 12 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
Dec 13 Javascript
Node.Js中实现端口重用原理详解
May 03 Javascript
mpvue将vue项目转换为小程序
Sep 30 Javascript
基于AngularJs select绑定数字类型的问题
Oct 08 Javascript
vue组件是如何解析及渲染的?
Jan 13 Vue.js
解决Vue+SpringBoot+Shiro跨域问题
Jun 09 Vue.js
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
Codeigniter的一些优秀特性总结
2015/01/21 PHP
Zend Framework数据库操作方法实例总结
2016/12/11 PHP
PHP正则删除HTML代码中宽高样式的方法
2017/06/12 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
jQuery源码分析-01总体架构分析
2011/11/14 Javascript
jquery获取radio值实例
2014/10/16 Javascript
原生js和jquery实现图片轮播特效
2015/04/23 Javascript
JavaScript中的fontsize()方法使用详解
2015/06/08 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
2015/12/13 Javascript
JavaScript如何实现跨域请求
2016/08/05 Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
2016/09/08 Javascript
jquery实现焦点轮播效果
2017/02/23 Javascript
spirngmvc js传递复杂json参数到controller的实例
2018/03/29 Javascript
video.js 实现视频只能后退不能快进的思路详解
2018/08/09 Javascript
Koa日志中间件封装开发详解
2019/03/09 Javascript
vue+webpack 更换主题N种方案优劣分析
2019/10/28 Javascript
[00:47]TI7不朽珍藏III——沙王不朽展示
2017/07/15 DOTA
[01:03:33]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
巧用Python装饰器 免去调用父类构造函数的麻烦
2012/05/18 Python
windows下python模拟鼠标点击和键盘输示例
2014/02/28 Python
Python批量合并有合并单元格的Excel文件详解
2018/04/05 Python
对Pycharm创建py文件时自定义头部模板的方法详解
2019/02/12 Python
opencv与numpy的图像基本操作
2019/03/08 Python
Python使用到第三方库PyMuPDF图片与pdf相互转换
2019/05/03 Python
python 实现目录复制的三种小结
2019/12/04 Python
django多种支付、并发订单处理实例代码
2019/12/13 Python
Python调用scp向服务器上传文件示例
2019/12/22 Python
Python加密模块的hashlib,hmac模块使用解析
2020/01/02 Python
pyinstaller打包单文件时--uac-admin选项不起作用怎么办
2020/04/15 Python
解决Keras中循环使用K.ctc_decode内存不释放的问题
2020/06/29 Python
Python使用OpenPyXL处理Excel表格
2020/07/02 Python
html标签之Object和EMBED标签详解
2013/07/04 HTML / CSS
巧克力蛋糕店创业计划书
2014/01/14 职场文书
高中军训的心得体会
2014/09/01 职场文书
2015年收银员个人工作总结
2015/04/01 职场文书
Python语法学习之进程的创建与常用方法详解
2022/04/08 Python