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 相关文章推荐
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
Feb 03 Javascript
解决javascript:window.close()在chrome,Firefox下失效的问题
May 07 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
Mar 06 Javascript
javascript实现的右下角弹窗实例
Apr 24 Javascript
js实现文字无缝向上滚动
Feb 16 Javascript
vue的事件绑定与方法详解
Aug 16 Javascript
浅谈webpack打包生成的bundle.js文件过大的问题
Feb 22 Javascript
JS实现动态生成html table表格的方法分析
Jul 11 Javascript
记录一篇关于redux-saga的基本使用过程
Aug 18 Javascript
node.js使用http模块创建服务器和客户端完整示例
Feb 10 Javascript
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
Sep 16 Javascript
原生js实现移动小球(碰撞检测)
Dec 17 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中实现记住密码自动登录的代码
2011/03/02 PHP
phpmyadmin出现Cannot start session without errors问题解决方法
2014/08/14 PHP
thinkPHP5.0框架环境变量配置方法
2017/03/17 PHP
laravel 实现上传图片到本地和前台访问示例
2019/10/21 PHP
jQuery DIV弹出效果实现代码
2009/07/03 Javascript
js+xml生成级联下拉框代码
2012/07/24 Javascript
js实现单行文本向上滚动效果实例代码
2013/11/28 Javascript
js弹出层永远居中实现思路及代码
2013/11/29 Javascript
高性能JavaScript模板引擎实现原理详解
2015/02/05 Javascript
javascript 常见功能汇总
2015/06/11 Javascript
Bootstrap Table使用方法详解
2016/08/01 Javascript
基于JavaScript实现鼠标箭头移动图片跟着移动
2016/08/30 Javascript
使用Ajax与服务器(JSON)通信实例
2016/11/04 Javascript
JS扁平化输出数组的2种方法解析
2019/09/17 Javascript
简化Python的Django框架代码的一些示例
2015/04/20 Python
Python计算两个日期相差天数的方法示例
2017/05/23 Python
对python-3-print重定向输出的几种方法总结
2018/05/11 Python
python使用epoll实现服务端的方法
2018/10/16 Python
python实现图片转字符小工具
2019/04/30 Python
mac使用python识别图形验证码功能
2020/01/10 Python
基于Python生成个性二维码过程详解
2020/03/05 Python
使用python matplotlib 画图导入到word中如何保证分辨率
2020/04/16 Python
django和flask哪个值得研究学习
2020/07/31 Python
Django windows使用Apache实现部署流程解析
2020/10/12 Python
css3实现wifi信号逐渐增强效果实例
2017/08/09 HTML / CSS
英国袜子店:Sock Shop
2017/01/11 全球购物
美国女性运动零售品牌:Lady Foot Locker
2017/05/12 全球购物
jurlique茱莉蔻英国官网:澳洲天然护肤品
2018/08/03 全球购物
车间工艺员岗位职责
2013/12/09 职场文书
会计学专业学生的求职信范文
2014/01/27 职场文书
村干部培训班主持词
2014/03/28 职场文书
辩护意见书
2015/06/04 职场文书
VS2019连接MySQL数据库的过程及常见问题总结
2021/11/27 MySQL
十大好看的穿越动漫排名:《瑞克和莫蒂》第一,国漫《有药》在榜
2022/03/18 日漫
Java 超详细讲解hashCode方法
2022/04/07 Java/Android
Python 匹配文本并在其上一行追加文本
2022/05/11 Python