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 24 Javascript
JavaScript Scoping and Hoisting 翻译
Jul 03 Javascript
js实现鼠标感应向下滑动隐藏菜单的方法
Feb 20 Javascript
使用CoffeeScrip优美方式编写javascript代码
Oct 28 Javascript
使用vue.js开发时一些注意事项
Apr 27 Javascript
Bootstrap登陆注册页面开发教程
Jul 12 Javascript
jQuery实现给input绑定回车事件的方法
Feb 09 Javascript
Angular2 Service实现简单音乐播放器服务
Feb 24 Javascript
js实现canvas保存图片为png格式并下载到本地的方法
Aug 31 Javascript
vue-router 路由基础的详解
Oct 17 Javascript
你或许不知道的一些npm实用技巧
Jul 04 Javascript
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
Feb 06 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
初探PHP5
2006/10/09 PHP
PHP中使用Memache作为进程锁的操作类分享
2015/03/30 PHP
php查询操作实现投票功能
2016/05/09 PHP
PHP目录与文件操作技巧总结(创建,删除,遍历,读写,修改等)
2016/09/11 PHP
JavaScript与DOM组合动态创建表格实例
2012/12/23 Javascript
nodejs的require模块(文件模块/核心模块)及路径介绍
2013/01/14 NodeJs
使用jQuery解决IE与FireFox下createElement方法的差异
2013/11/14 Javascript
js获取当前时间显示在页面上并每秒刷新
2014/12/24 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
2015/04/17 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
2016/06/13 Javascript
JS插件plupload.js实现多图上传并显示进度条
2016/11/29 Javascript
简单谈谈CommonsChunkPlugin抽取公共模块
2017/12/31 Javascript
vuejs router history 配置到iis的方法
2018/09/20 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
2019/05/18 Javascript
echarts大屏字体自适应的方法步骤
2019/07/12 Javascript
Python 字符串定义
2009/09/25 Python
详解Python中的变量及其命名和打印
2016/03/11 Python
Python实现读取文件最后n行的方法
2017/02/23 Python
在Python中使用AOP实现Redis缓存示例
2017/07/11 Python
python微信公众号开发简单流程
2018/03/23 Python
wxPython实现窗口用图片做背景
2018/04/25 Python
python实现AES加密和解密
2019/03/27 Python
如何通过python实现全排列
2020/02/11 Python
CSS3让登陆面板3D旋转起来
2016/05/03 HTML / CSS
css3加js做一个简单的3D行星运转效果实例代码
2017/01/18 HTML / CSS
从零实现一个自定义html5播放器的示例代码
2017/08/01 HTML / CSS
汉语专业毕业生自荐信
2014/07/06 职场文书
刑事辩护授权委托书范本
2014/10/17 职场文书
病人慰问信范文
2015/02/15 职场文书
学校捐款活动总结
2015/05/09 职场文书
分家协议书范本
2016/03/22 职场文书
Ajax实现局部刷新的方法实例
2021/03/31 Javascript
详解nginx.conf 中 root 目录设置问题
2021/04/01 Servers
详解MySQL 联合查询优化机制
2021/05/10 MySQL
详解Java分布式事务的 6 种解决方案
2021/06/26 Java/Android
Ruby处理YAML和json数据
2022/04/18 Ruby