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 相关文章推荐
JS 日期验证正则附asp日期格式化函数
Sep 11 Javascript
struts2 jquery 打造无限层次的树
Oct 23 Javascript
JS实现日期加减的方法
Nov 29 Javascript
微信小程序用户自定义模版用法实例分析
Nov 28 Javascript
Vue实现web分页组件详解
Nov 28 Javascript
使用webpack-dev-server处理跨域请求的方法
Apr 18 Javascript
小程序登录/注册页面设计的实现代码
May 24 Javascript
pageGroup.js实现分页功能
Jul 27 Javascript
vue项目引入ts步骤(小结)
Oct 31 Javascript
24个解决实际问题的ES6代码片段(小结)
Feb 02 Javascript
javascript递归函数定义和用法示例分析
Jul 22 Javascript
基于vue实现简易打地鼠游戏
Aug 21 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
PHP的FTP学习(二)
2006/10/09 PHP
PHP 截取字符串专题集合
2010/08/19 PHP
web站点获取用户IP的安全方法 HTTP_X_FORWARDED_FOR检验
2013/06/01 PHP
php实现按天数、星期、月份查询的搜索框
2016/05/02 PHP
php求数组全排列,元素所有组合的方法总结
2017/03/14 PHP
PHP实现的激活用户注册验证邮箱功能示例
2017/06/06 PHP
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
2008/08/05 Javascript
改变javascript函数内部this指针指向的三种方法
2010/04/23 Javascript
Jquery 的扩展方法总结
2011/10/01 Javascript
JQUERY1.6 使用方法四 检测浏览器
2011/11/23 Javascript
javascript中关于&amp;&amp; 和 || 表达式的小技巧分享
2015/04/10 Javascript
Angularjs过滤器使用详解
2016/05/25 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
2016/09/22 Javascript
微信小程序 地图map实例详解
2017/06/07 Javascript
vue结合axios与后端进行ajax交互的方法
2018/07/06 Javascript
详解可以用在VS Code中的正则表达式小技巧
2019/05/14 Javascript
微信小程序8种数据通信的方式小结
2020/02/03 Javascript
解决ant-design-vue中menu菜单无法默认展开的问题
2020/10/31 Javascript
[01:01:43]EG vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
[01:28]一分钟告诉你DOTA2 TI9不朽宝藏Ⅱ中有什么!
2019/07/09 DOTA
Python基础入门之seed()方法的使用
2015/05/15 Python
Python实现最大子序和的方法示例
2019/07/05 Python
通过python实现弹窗广告拦截过程详解
2019/07/10 Python
Tensorflow实现酸奶销量预测分析
2019/07/19 Python
Python Django搭建网站流程图解
2020/06/13 Python
乐天旅游香港网站:日本饭店预订
2017/11/29 全球购物
Missguided美国官网:英国时尚品牌
2018/01/18 全球购物
质检部岗位职责
2013/11/11 职场文书
岗位职责范本
2013/11/23 职场文书
感恩教育活动总结
2014/05/05 职场文书
大学生自我评价200字(4篇)
2014/09/17 职场文书
家属答谢词
2015/01/05 职场文书
小学教师个人总结
2015/02/05 职场文书
2015年监理工作总结范文
2015/04/07 职场文书
2016党员学习心得体会范文
2016/01/23 职场文书
多属性、多分类MySQL模式设计
2021/04/05 MySQL