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读取ASP设定的COOKIE
Feb 15 Javascript
jquery-easyui关闭tab自动切换到前一个tab
Jul 29 Javascript
再谈javascript面向对象编程
Mar 18 Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
Apr 16 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
Sep 05 Javascript
BootStrap的两种模态框方式
May 10 Javascript
MvcPager分页控件 适用于Bootstrap
Jun 03 Javascript
浅谈vue-router2路由参数注意的问题
Nov 08 Javascript
JS实现对json对象排序并删除id相同项功能示例
Apr 18 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
Aug 30 Javascript
浅谈Vue.js组件(二)
Apr 09 Javascript
微信小程序利用for循环解决内容变更问题
Mar 05 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
日本收入最高的漫画家:海贼王作者版税年收入高达8.45亿元
2020/03/04 日漫
利用PHP实现智能文件类型检测的实现代码
2011/08/02 PHP
基于php实现的php代码加密解密类完整实例
2016/10/12 PHP
Laravel5.4简单实现app接口Api Token认证方法
2019/08/29 PHP
JQuery 写的个性导航菜单
2009/12/24 Javascript
jQuery EasyUI API 中文文档 - Draggable 可拖拽
2011/09/29 Javascript
基于jquery自己写tab滑动门(通用版)
2012/10/30 Javascript
Nodejs异步回调的优雅处理方法
2014/09/25 NodeJs
基于javascript实现九宫格大转盘效果
2020/05/28 Javascript
搭建Bootstrap离线文档的方法
2016/12/02 Javascript
使用微信小程序开发前端【快速入门】
2016/12/05 Javascript
vue.js项目nginx部署教程
2018/04/05 Javascript
vue中如何实现pdf文件预览的方法
2018/07/12 Javascript
jQuery实现基本动画效果的方法详解
2018/09/06 jQuery
开发用到的js封装方法(20种)
2018/10/12 Javascript
webpack 开发和生产并行设置的方法
2018/11/08 Javascript
微信小程序封装多张图片上传api代码实例
2019/12/30 Javascript
vue项目中自定义video视频控制条的实现代码
2020/04/26 Javascript
Python实现代码统计工具(终极篇)
2016/07/04 Python
python getopt详解及简单实例
2016/12/30 Python
Python Requests模拟登录实现图书馆座位自动预约
2018/04/27 Python
python ChainMap的使用和说明详解
2019/06/11 Python
Tensorflow 多线程与多进程数据加载实例
2020/02/05 Python
Python selenium模拟手动操作实现无人值守刷积分功能
2020/05/13 Python
Python常用数据分析模块原理解析
2020/07/20 Python
Python实现邮件发送的详细设置方法(遇到问题)
2021/01/18 Python
斯凯奇美国官网:SKECHERS美国
2016/08/20 全球购物
俄罗斯街头服装品牌:Black Star Wear
2017/03/01 全球购物
电气专业推荐信范文
2013/11/18 职场文书
毕业生应聘幼儿园的自荐信
2013/11/20 职场文书
养殖行业的创业计划书
2014/01/05 职场文书
中班中秋节活动反思
2014/02/18 职场文书
美国留学经济担保书
2014/05/20 职场文书
文秘自荐信
2014/06/28 职场文书
南湾猴岛导游词
2015/02/09 职场文书
python垃圾回收机制原理分析
2022/04/13 Python