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高亮效果的二种实现方法
Sep 14 Javascript
jQeury淡入淡出需要注意的问题
Sep 08 Javascript
基于jquery的监控数据是否发生改变
Apr 11 Javascript
用JS实现一个TreeMenu效果分享
Aug 28 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
Jul 21 Javascript
Javascript表格翻页效果的具体实现
Oct 05 Javascript
javascript动态的改变IFrame的高度实现自动伸展
Oct 12 Javascript
ExtJS4中使用mixins实现多继承示例
Dec 03 Javascript
JS调用打印机功能简单示例
Nov 28 Javascript
javascript中call,apply,bind函数用法示例
Dec 19 Javascript
详解Express笔记之动态渲染HTML(新手入坑)
Dec 13 Javascript
vue中@change兼容问题详解
Oct 25 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/11/28 PHP
PHP面试常用算法(推荐)
2016/07/22 PHP
PHP使用PDO调用mssql存储过程的方法示例
2017/10/07 PHP
apache集成php7.3.5的详细步骤
2019/06/20 PHP
如何在Laravel5.8中正确地应用Repository设计模式
2019/11/26 PHP
jquery.AutoComplete.js中文修正版(支持firefox)
2010/04/09 Javascript
JQuery动态创建DOM、表单元素的实现代码
2011/08/09 Javascript
Javascript中找到子元素在父元素内相对位置的代码
2012/07/21 Javascript
js使用正则实现ReplaceAll全部替换的方法
2014/08/22 Javascript
js随机生成字母数字组合的字符串 随机动画数字
2015/09/02 Javascript
三分钟带你玩转jQuery.noConflict()
2016/02/15 Javascript
微信公众平台开发教程(四) 实例入门:机器人回复(附源码)
2016/12/02 Javascript
Bootstrap实现的经典栅格布局效果实例【附demo源码】
2017/03/30 Javascript
Nodejs搭建wss服务器教程
2017/05/24 NodeJs
解决JQuery全选/反选第二次失效的问题
2017/10/11 jQuery
vuex 项目结构目录及一些简单配置介绍
2018/04/08 Javascript
详解vue-router数据加载与缓存使用总结
2018/10/29 Javascript
ajaxfileupload.js实现上传文件功能
2019/04/19 Javascript
layui use 定义js外部引用函数的方法
2019/09/26 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
2020/06/29 Javascript
初学Python函数的笔记整理
2015/04/07 Python
python调用摄像头显示图像的实例
2018/08/03 Python
python实现最大子序和(分治+动态规划)
2019/07/05 Python
django 做 migrate 时 表已存在的处理方法
2019/08/31 Python
Python如何进行时间处理
2020/08/06 Python
对pytorch中x = x.view(x.size(0), -1) 的理解说明
2021/03/03 Python
GLAMGLOW香港官网:明星出镜前的秘密武器
2017/03/16 全球购物
Linux内核产生并发的原因
2016/11/08 面试题
DIY手工制作经营店创业计划书
2014/02/01 职场文书
工作时间上网检讨书
2014/02/03 职场文书
自习课吵闹检讨书范文
2014/09/26 职场文书
个人总结格式范文
2015/03/09 职场文书
数学教师求职信范文
2015/03/20 职场文书
家长会主持词开场白
2015/05/29 职场文书
使用redis实现延迟通知功能(Redis过期键通知)
2021/09/04 Redis
分享python函数常见关键字
2022/04/26 Python