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 相关文章推荐
多广告投放代码 推荐
Nov 13 Javascript
推荐dojo学习笔记
Mar 24 Javascript
jQuery结合CSS制作动态的下拉菜单
Oct 27 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
Aug 19 Javascript
JS简单去除数组中重复项的方法
Sep 13 Javascript
jquery广告无缝轮播实例
Jan 05 Javascript
Angular4如何自定义首屏的加载动画详解
Jul 26 Javascript
了解ESlint和其相关操作小结
May 21 Javascript
在移动端使用vue-router和keep-alive的方法示例
Dec 02 Javascript
JS中注入eval, Function等系统函数截获动态代码
Apr 03 Javascript
JavaScript中变量提升机制示例详解
Dec 27 Javascript
Vue使用v-viewer实现图片预览
Oct 21 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中3种生成XML文件方法的速度效率比较
2012/10/06 PHP
无需重新编译php加入ftp扩展的解决方法
2013/02/07 PHP
浅谈PDO的rowCount函数
2015/06/18 PHP
thinkPHP5.0框架自动加载机制分析
2017/03/18 PHP
PHP 范围解析操作符(::)用法分析【访问静态成员和类常量】
2020/04/14 PHP
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
2013/02/26 Javascript
原生javascript图片自动或手动切换示例附演示源码
2013/09/04 Javascript
浅谈EasyUI中Treegrid节点的删除
2015/03/01 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
2015/03/12 Javascript
JavaScript中的闭包介绍
2015/03/15 Javascript
JavaScrip常见的一些算法总结
2015/12/28 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
2016/05/27 Javascript
javascript 数组的定义和数组的长度
2016/06/07 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
2017/05/22 Javascript
nodejs结合socket.io实现websocket通信功能的方法
2018/01/12 NodeJs
如何通过shell脚本自动生成vue文件详解
2019/09/10 Javascript
详解ES6 扩展运算符的使用与注意事项
2020/11/12 Javascript
[56:21]LGD vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
基于Python的身份证号码自动生成程序
2014/08/15 Python
Python函数式编程指南(三):迭代器详解
2015/06/24 Python
Python网络爬虫与信息提取(实例讲解)
2017/08/29 Python
python 获取list特定元素下标的实例讲解
2018/04/09 Python
浅谈django orm 优化
2018/08/18 Python
python实现从pdf文件中提取文本,并自动翻译的方法
2018/11/28 Python
Python使用字典的嵌套功能详解
2019/02/27 Python
Python调用百度根据经纬度查询地址的示例代码
2019/07/07 Python
Python Flask框架实现简单加法工具过程解析
2020/06/03 Python
Python StringIO及BytesIO包使用方法解析
2020/06/15 Python
Python学习工具jupyter notebook安装及用法解析
2020/10/23 Python
html5 video标签屏蔽右键视频另存为的js代码
2013/11/12 HTML / CSS
简单的JAVA编程面试题
2013/03/19 面试题
规划编制实施方案
2014/03/15 职场文书
自我检讨书范文
2015/01/28 职场文书
英语导游词
2015/02/13 职场文书
spring cloud 配置中心客户端启动遇到的问题
2021/09/25 Java/Android
Nginx配置根据url参数重定向
2022/04/11 Servers