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 相关文章推荐
小议Function.apply() 之一------(函数的劫持与对象的复制)
Nov 30 Javascript
window.location.reload 刷新使用分析(去对话框)
Nov 11 Javascript
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
Dec 16 Javascript
Windows系统下安装Node.js的步骤图文详解
Nov 15 Javascript
AngularJS通过ng-Img-Crop实现头像截取的示例
Aug 17 Javascript
bootstrap table实现双击可编辑、添加、删除行功能
Sep 27 Javascript
react实现换肤功能的示例代码
Aug 14 Javascript
浅析js中mvvm模式实现的原理
Oct 06 Javascript
JavaScript链式调用实例浅析
Dec 19 Javascript
vue中实现图片压缩 file文件的方法
May 28 Javascript
vue 解决mintui弹窗弹起来,底部页面滚动bug问题
Nov 12 Javascript
JavaScript的Set数据结构详解
Feb 18 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
也谈截取首页新闻 - 范例
2006/10/09 PHP
php查看session内容的函数
2008/08/27 PHP
PHP 第二节 数据类型之字符串类型
2012/04/28 PHP
php二维码生成以及下载实现
2017/09/28 PHP
ThinkPHP3.2框架操作Redis的方法分析
2019/05/05 PHP
PHP用swoole+websocket和redis实现web一对一聊天
2019/11/05 PHP
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
2010/05/22 Javascript
javascript四舍五入函数代码分享(保留后几位)
2013/12/10 Javascript
jquery map方法使用示例
2014/04/23 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
2015/03/24 Javascript
JS拖拽插件实现步骤
2015/08/03 Javascript
JavaScript的Backbone.js框架入门学习指引
2016/05/07 Javascript
微信小程序日历/日期选择插件使用方法详解
2018/12/28 Javascript
[03:52]DOTA2英雄基础教程 酒仙
2013/12/23 DOTA
[07:20]2018DOTA2国际邀请赛寻真——逐梦Mineski
2018/08/10 DOTA
[06:07]DOTA2-DPC中国联赛 正赛 Ehome vs VG 选手采访
2021/03/11 DOTA
Python 隐藏输入密码时屏幕回显的实例
2019/02/19 Python
Python-接口开发入门解析
2019/08/01 Python
关于numpy数组轴的使用详解
2019/12/05 Python
python else语句在循环中的运用详解
2020/07/06 Python
CSS3 完美实现圆角效果
2009/07/13 HTML / CSS
澳大利亚百货公司:David Jones
2018/02/08 全球购物
ALDO加拿大官网:加拿大女鞋品牌
2018/12/22 全球购物
Tommy Hilfiger美国官网:美国高端休闲领导品牌
2019/01/14 全球购物
空字符串(“”)和null的区别
2012/11/13 面试题
建筑工程技术应届生自荐信
2013/09/27 职场文书
财务会计专业推荐信
2013/11/30 职场文书
聘用意向书范本
2014/04/01 职场文书
车辆工程专业求职信
2014/06/14 职场文书
效能风暴心得体会
2014/09/04 职场文书
党的群众路线整改落实情况汇报
2014/10/28 职场文书
社会实践心得体会范文
2016/01/14 职场文书
公文写作:教你写“建议书”
2019/05/07 职场文书
一劳永逸彻底解决pip install慢的办法
2021/05/24 Python
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server
Python中的socket网络模块介绍
2022/07/23 Python