jQuery中[attribute]选择器用法实例
本文实例讲述了jQuery中[attribute]选择器用法。分享给大家供大家参考。具体分析如下:
此选择器能够匹配带有给定属性的元素。
$("[attribute]")
参数列表:
参数 | 描述 |
attribute | 要查找的属性名称。 |
实例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<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程序设计有所帮助。
相关推荐
-
jquery选择器需要注意的问题
我们先来看段代码,很简单,如下 复制代码 代码如下: <div id="div1"> <span>111</span> <span>222</span> <span>333</span> <button id="button1">clear</button> </div> 复制代码 代码如下: $(function(
-
jQuery中:nth-child选择器用法实例
本文实例讲述了jQuery中:nth-child选择器用法.分享给大家供大家参考.具体分析如下: 此选择器匹配其父元素下的第N个子或奇偶元素. :eq(index)选择器只匹配一个元素,而:nth-child选择器将为每一个父元素匹配子元素. :nth-child从1开始的,而:eq()是从0开始. 语法结构: 复制代码 代码如下: $(":nth-child") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等.例如: 复制代码 代码如下: $("li:n
-
jQuery中[attribute^=value]选择器用法实例
本文实例讲述了jQuery中[attribute^=value]选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取属性值是以某些值开始的元素. 语法结构: 复制代码 代码如下: $("[attribute^=value]") 参数列表: 参数 描述 attribute 属性名称. value 元素数属性开始的值. 引号在大多数情况下是可选的.但在遇到诸如属性值包含"]"时,用以避免冲突. 实例代码: 实例一: 复制代码 代码如下: <!DOCT
-
jQuery中复合属性选择器用法实例
本文实例讲述了jQuery中复合属性选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够匹配同时满足多个属性条件的元素. 语法结构: 复制代码 代码如下: [selector1][selector2][selectorN] 参数列表: 参数 描述 selector1 属性选择器. selector2 另一个属性选择器,用以进一步缩小范围. selectorN 任意多个属性选择器,也是用来缩小范围. 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html&g
-
jQuery中:only-child选择器用法实例
本文实例讲述了jQuery中:only-child选择器用法.分享给大家供大家参考.具体分析如下: 此选择器将匹配父元素的唯一子元素.如果其父元素中含有其他元素,那将不会被匹配. 语法结构: 复制代码 代码如下: $(":only-child") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等.例如: 复制代码 代码如下: $("li:only-child").css("color","blue") 以上代
-
jQuery中:input选择器用法实例
本文实例讲述了jQuery中:input选择器用法.分享给大家供大家参考.具体分析如下: 此选择器匹配所有的input元素.例如:<input type="text" />等等 语法结构: 复制代码 代码如下: $(":input") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <me
-
jQuery中:last-child选择器用法实例
本文实例讲述了jQuery中:last-child选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够匹配父元素的最后一个子元素. 注意:last只选取一个元素,而此选择符将匹配每个父元素的最后一个子元素. 语法结构: 复制代码 代码如下: $(":last-child") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等.例如: 复制代码 代码如下: $("li:last-child").css("color",&q
-
jQuery中:first-child选择器用法实例
本文实例讲述了jQuery中:first-child选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够匹配父元素的第一个子元素. 语法结构: 复制代码 代码如下: $(":first-child") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等.例如: 复制代码 代码如下: $("ul li:first-child").css("color","blue") 以上代码能够将父元素下的第一个li
-
jQuery中[attribute]选择器用法实例
本文实例讲述了jQuery中[attribute]选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够匹配带有给定属性的元素. 语法结构: 复制代码 代码如下: $("[attribute]") 参数列表: 参数 描述 attribute 要查找的属性名称. 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <m
-
jQuery中:enabled选择器用法实例
本文实例讲述了jQuery中:enabled选择器用法.分享给大家供大家参考.具体分析如下: 此选择器可以选取所有可用的元素. 语法结构: 复制代码 代码如下: $(":enabled") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等.例如: 复制代码 代码如下: $("input:enabled").css("background-color","red") 以上代码能够将可用的input元素的背景颜色
-
jQuery中:radio选择器用法实例
本文实例讲述了jQuery中:radio选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有单选按钮. 语法结构: 复制代码 代码如下: $(":radio") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt
-
Jquery中基本选择器用法实例详解
本文实例讲述了Jquery中基本选择器用法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head
-
jQuery中:text选择器用法实例
本文实例讲述了jQuery中:text选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有的单行文本框. 语法结构: 复制代码 代码如下: $(":text") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt
-
jQuery中:first选择器用法实例
本文实例讲述了jQuery中first选择器用法.分享给大家供大家参考.具体分析如下: 此选择器匹配指定元素集合中的第一个元素. 语法结构: 复制代码 代码如下: $(":first") 在使用中一般要和其他选择器配合使用,比如类选择器和元素选择器等等.例如: 复制代码 代码如下: $("li:first").css("color","green") 以上代码能够将li元素集合中的第一个li元素中的字体颜色设置为绿色. 如果不
-
jQuery中:lt选择器用法实例
本文实例讲述了jQuery中:lt选择器用法.分享给大家供大家参考.具体分析如下: 此选择器匹配所有小于给定索引值的元素. 索引值最小是从0开始的. 语法结构: 复制代码 代码如下: $(":lt(index)") 此选择器一般也要和其他选择器配合使用,比如类选择器和元素选择器等等. 例如: 复制代码 代码如下: $("li:lt(3)").css("color","blue") 以上代码能够将索引小于3的li元素中的字体颜色
-
jQuery中:password选择器用法实例
本文实例讲述了jQuery中:password选择器用法,分享给大家供大家参考.具体分析如下: 此选择器能够选取所有密码框. 语法结构: 复制代码 代码如下: $(":password") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&quo
-
jQuery中:header选择器用法实例
本文实例讲述了jQuery中header选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够匹配标题元素,即(h1-h6). 语法结构: 复制代码 代码如下: $(":header") 此选择器一般也要和其他选择器配合使用,比如类选择器和元素选择器等等.例如: 复制代码 代码如下: $(".qiantai:header").css("color","blue") 以上代码能够将类名为qiantai的标题元素中的字体颜
随机推荐
- Swift实现JSON转Model的方法及HandyJSON使用讲解
- jQuery常见面试题之DOM操作详析
- JavaScript 实现打印,打印预览,打印设置
- linq to sql中,如何解决多条件查询问题,答案,用表达式树!
- 对MySQL中字符集的相关设置操作的基本教程
- 配置Mysql主从服务实现实例
- Docker容器中文乱码(修改docker容器编码格式)的解决方案
- Tinymce+jQuery.Validation使用产生的BUG
- Python实现的数据结构与算法之链表详解
- jQuery中html()方法用法实例
- 详解Bootstrap的aria-label和aria-labelledby应用
- 本人见过最好的服务器安全设置文章
- Android打包版本号设置方法
- java中抽象类、抽象方法、接口与实现接口实例详解
- Android中RecyclerView实现横向滑动代码
- DedeCms模板安装/制作概述
- Android中RecyclerView实现多级折叠列表效果(二)
- 华为 MT800 升级路由补充攻略!
- python判断输入日期为第几天的实例
- Swoole4.4协程抢占式调度器详解