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 相关文章推荐
自己整理的一个javascript日期处理函数
Oct 16 Javascript
基于jQuery的计算文本框字数的代码
Jun 06 Javascript
JS实现进入页面时渐变背景色的方法
Feb 25 Javascript
jQuery的css() 方法使用指南
May 03 Javascript
js判断手机端(Android手机还是iPhone手机)
Jul 22 Javascript
JS中Eval解析JSON字符串的一个小问题
Feb 21 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
Sep 01 Javascript
JavaScript和JQuery获取DIV值的方法示例
Mar 07 Javascript
input type=file 选择图片并且实现预览效果的实例
Oct 26 Javascript
vue项目中v-model父子组件通信的实现详解
Dec 10 Javascript
Node.js命令行/批处理中如何更改Linux用户密码浅析
Jul 22 Javascript
在vue项目中优雅的使用SVG的方法实例详解
Dec 03 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
header中Content-Disposition的作用与使用方法
2012/06/13 PHP
浅析使用Turck-mmcache编译来加速、优化PHP代码
2013/06/20 PHP
php+mysql+ajax实现单表多字段多关键词查询的方法
2017/04/15 PHP
小程序微信退款功能实现方法详解【基于thinkPHP】
2019/05/05 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
Yii中特殊行为ActionFilter的使用方法示例
2020/10/18 PHP
Prototype PeriodicalExecuter对象 学习
2009/07/19 Javascript
利用原生JavaScript获取元素样式只是获取而已
2014/10/08 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
2014/12/08 Javascript
JavaScript 冒泡排序和选择排序的实现代码
2016/09/03 Javascript
JS实现一个简单的日历
2017/02/22 Javascript
基于JavaScript实现数码时钟效果
2020/03/30 Javascript
JS计算输出100元钱买100只鸡问题的解决方法
2018/01/04 Javascript
详解Vue快速零配置的打包工具——parcel
2018/01/16 Javascript
详解JavaScript数据类型和判断方法
2020/09/04 Javascript
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
解析Python中while true的使用
2015/10/13 Python
Python堆排序原理与实现方法详解
2018/05/11 Python
实践Vim配置python开发环境
2018/07/02 Python
python之当你发现QTimer不能用时的解决方法
2019/06/21 Python
python构建指数平滑预测模型示例
2019/11/21 Python
python golang中grpc 使用示例代码详解
2020/06/03 Python
keras中的History对象用法
2020/06/19 Python
Python DataFrame使用drop_duplicates()函数去重(保留重复值,取重复值)
2020/07/20 Python
基于python实现监听Rabbitmq系统日志代码示例
2020/11/28 Python
HTML5新标签兼容——&gt; 的两种方法
2018/09/12 HTML / CSS
HTML5 HTMLCollection和NodeList的区别详解
2020/04/29 HTML / CSS
丝芙兰新加坡官网:Sephora新加坡
2018/12/04 全球购物
介绍一下如何利用路径遍历进行攻击及如何防范
2014/01/19 面试题
建筑学推荐信
2013/11/03 职场文书
2014年高三毕业生自我评价
2014/01/11 职场文书
中学运动会广播稿
2014/01/19 职场文书
群众路线教育实践活动剖析材料
2014/09/30 职场文书
2014年租房协议书范本
2014/10/30 职场文书
奠基仪式致辞
2015/07/30 职场文书
zabbix 代理服务器的部署与 zabbix-snmp 监控问题
2022/07/15 Servers