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 计算iframe 窗口大小的方法
May 13 Javascript
jQuery元素的隐藏与显示实例
Jan 20 Javascript
Javascript实现多彩雪花从天降散落效果的方法
Feb 02 Javascript
javascript手风琴下拉菜单实现代码
Nov 12 Javascript
JavaScript的removeChild()函数用法详解
Dec 27 Javascript
微信小程序 navigation API实例详解
Oct 02 Javascript
jquery实现图片轮播器
May 23 jQuery
JavaScript类数组对象转换为数组对象的方法实例分析
Jul 24 Javascript
详解vue或uni-app的跨域问题解决方案
Feb 21 Javascript
微信小程序实现左滑删除效果
Nov 18 Javascript
微信小程序实现天气预报功能(附源码)
Dec 10 Javascript
Element-ui Layout布局(Row和Col组件)的实现
Dec 06 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
使用PHPMYADMIN操作mysql数据库添加新用户和数据库的方法
2010/04/02 PHP
PHP中执行MYSQL事务解决数据写入不完整等情况
2014/01/07 PHP
ThinkPHP框架整合微信支付之JSAPI模式图文详解
2019/04/09 PHP
jQuery autocomplete插件修改
2009/04/17 Javascript
Javascript中定义方法的另类写法(批量定义js对象的方法)
2011/02/25 Javascript
JS之Date对象和获取系统当前时间详解
2014/01/13 Javascript
js常用数组操作方法简明总结
2014/06/20 Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
2015/03/26 Javascript
jQuery使用before()和after()在元素前后添加内容的方法
2015/03/26 Javascript
JavaScript中的fontsize()方法使用详解
2015/06/08 Javascript
JQuery复制DOM节点的方法
2015/06/11 Javascript
JS使用cookie实现DIV提示框只显示一次的方法
2015/11/05 Javascript
AngularJS基础 ng-include 指令示例讲解
2016/08/01 Javascript
12 款 JS 代码测试必备工具(翻译)
2016/12/13 Javascript
jQuery dateRangePicker插件使用方法详解
2017/07/28 jQuery
js表单序列化判断空值的实例
2017/09/22 Javascript
mpvue全局引入sass文件的方法步骤
2019/03/06 Javascript
使用kbone解决Vue项目同时支持小程序问题
2019/11/08 Javascript
前端如何实现动画过渡效果
2021/02/05 Javascript
python通过getopt模块如何获取执行的命令参数详解
2017/12/29 Python
Python学习笔记基本数据结构之序列类型list tuple range用法分析
2019/06/08 Python
Python制作简易版小工具之计算天数的实现思路
2020/02/13 Python
Keras搭建自编码器操作
2020/07/03 Python
使用tkinter实现三子棋游戏
2021/02/25 Python
全球知名旅游社区法国站点:TripAdvisor法国
2016/08/03 全球购物
kmart凯马特官网:美国最大的打折零售商和全球最大的批发商之一
2016/11/17 全球购物
彪马俄罗斯官网:PUMA俄罗斯
2019/07/13 全球购物
最新创业融资计划书
2014/01/19 职场文书
粗加工管理制度
2014/02/04 职场文书
新年团拜会主持词
2014/04/02 职场文书
计算机毕业生自荐信
2014/06/12 职场文书
银行主办会计岗位职责
2014/08/13 职场文书
群众路线教育实践活动对照检查材料思想汇报(副处级领导)
2014/10/04 职场文书
2016年教师寒假学习心得体会
2015/10/09 职场文书
在 Golang 中实现 Cache::remember 方法详解
2021/03/30 Python
Vue通过懒加载提升页面响应速度
2021/05/10 Vue.js