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 相关文章推荐
Js动态创建div
Sep 25 Javascript
如何解决Jquery库及其他库之间的$命名冲突
Sep 15 Javascript
JS获取当前网址、主机地址项目根路径
Nov 19 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
Oct 20 Javascript
JS实现的鼠标跟随代码(卡通手型点击效果)
Oct 26 Javascript
java中String类型变量的赋值问题介绍
Mar 23 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
Jun 17 Javascript
JavaScript数值千分位格式化的两种简单实现方法
Aug 01 Javascript
正则表达式替换html元素属性的方法
Nov 26 Javascript
从源码看angular/material2 中 dialog模块的实现方法
Oct 18 Javascript
微信小程序的生命周期的详解
Oct 19 Javascript
JS实现验证码倒计时的注册页面
Jan 02 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下获取客户端ip地址的函数
2010/03/15 PHP
PHP递归实现快速排序的方法示例
2017/12/18 PHP
PHP四种排序算法实现及效率分析【冒泡排序,插入排序,选择排序和快速排序】
2018/04/27 PHP
js字符编码函数区别分析
2008/06/05 Javascript
jquery 学习之一 对象访问
2010/11/23 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
2013/02/22 Javascript
setinterval()与clearInterval()JS函数的调用方法
2015/01/21 Javascript
详解JavaScript中getFullYear()方法的使用
2015/06/10 Javascript
微信支付如何实现内置浏览器的H5页面支付
2015/09/25 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
2016/04/05 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
2016/04/20 Javascript
javascript中JSON.parse()与eval()解析json的区别
2016/05/19 Javascript
Websocket协议详解及简单实例代码
2016/12/12 Javascript
js浏览器滚动条卷去的高度scrolltop(实例讲解)
2017/07/07 Javascript
详解Web使用webpack构建前端项目
2017/09/23 Javascript
es6中比较有用的7个技巧小结
2019/07/12 Javascript
Vue Router的手写实现方法实现
2020/03/02 Javascript
jQuery实现回到顶部效果
2020/10/19 jQuery
浅谈python爬虫使用Selenium模拟浏览器行为
2018/02/23 Python
搞定这套Python爬虫面试题(面试会so easy)
2019/04/03 Python
python画图的函数用法以及技巧
2019/06/28 Python
ML神器:sklearn的快速使用及入门
2019/07/11 Python
详解基于python的多张不同宽高图片拼接成大图
2019/09/26 Python
Python实现图片添加文字
2019/11/26 Python
python wxpython 实现界面跳转功能
2019/12/17 Python
python中Ansible模块的Playbook的具体使用
2020/05/28 Python
keras K.function获取某层的输出操作
2020/06/29 Python
image-set实现Retina屏幕下图片显示详细介绍
2012/12/24 HTML / CSS
澳大利亚足球鞋和服装购物网站:Ultra Football
2018/10/11 全球购物
银行职业规划书范文
2013/12/28 职场文书
副厂长岗位职责
2014/02/02 职场文书
语文课外活动总结
2014/08/27 职场文书
人代会简报
2015/07/21 职场文书
初中数学教学反思范文
2016/02/17 职场文书
干货:如何写好观后感 !
2019/05/21 职场文书
springboot应用服务启动事件的监听实现
2022/04/06 Java/Android