jQuery中[attribute]选择器用法实例

 更新时间:2014年12月31日 09:09:46   投稿:shichen2014  
这篇文章主要介绍了jQuery中[attribute]选择器用法,以实例形式分析了[attribute]选择器的功能、定义及匹配给定元素属性的技巧,具有一定的参考借鉴价值,需要的朋友可以参考下

本文实例讲述了jQuery中[attribute]选择器用法。分享给大家供大家参考。具体分析如下:

此选择器能够匹配带有给定属性的元素。

语法结构:

复制代码 代码如下:
$("[attribute]")

参数列表:

参数 描述
attribute 要查找的属性名称。

实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://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实现动画、消失、显现、渐出、渐入效果示例

    jQuery实现动画、消失、显现、渐出、渐入效果示例

    这篇文章主要介绍了jQuery实现动画、消失、显现、渐出、渐入效果,结合实例形式分析了jQuery中animate()、hide()、show()、slideUp()、slideDown()、slideToggle()、fadeOut()、fadeIn()等方法简单使用技巧,需要的朋友可以参考下
    2018-09-09
  • Jquery实现鼠标移上弹出提示框、移出消失思路及代码

    Jquery实现鼠标移上弹出提示框、移出消失思路及代码

    具体思路为:.首先要定位实现这种效果的元素 ,本次通过class;如果是动态显示不同的提示内容,需设置title;通过JQ给定位到元素加上 mouseover 和mouseout 事件
    2013-05-05
  • jQuery动态改变多行文本框高度的方法

    jQuery动态改变多行文本框高度的方法

    这篇文章主要介绍了jQuery动态改变多行文本框高度的方法,结合实例形式分析了jQuery响应鼠标事件动态修改页面元素属性的相关技巧,需要的朋友可以参考下
    2016-09-09
  • jQuery点击页面其他部分隐藏下拉菜单功能

    jQuery点击页面其他部分隐藏下拉菜单功能

    这篇文章主要介绍了jQuery点击页面其他部分隐藏下拉菜单功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11
  • JQuery自适应窗口大小导航菜单附源码下载

    JQuery自适应窗口大小导航菜单附源码下载

    本文给大家分享jquery自适应窗口大小导航菜单,也是一款响应式的导航菜单,有深色样式、浅色样式、自定义样式,接下来,需要的学习的小伙伴参考此文吧
    2015-09-09
  • JQuery 弹出框定位实现方法

    JQuery 弹出框定位实现方法

    这几天一直在研究JQuery,确实很好用,有很多需求都是要弹出框,并且要定位,我这写个简单的例子,希望能分享给大家.
    2010-12-12
  • jquery checkbox实现单选小例

    jquery checkbox实现单选小例

    checkbox是复选框如何将其变为单选呢?下面有个不错的示例,感兴趣的朋友可以参考下
    2013-11-11
  • jquery实现的V字形显示效果代码

    jquery实现的V字形显示效果代码

    这篇文章主要介绍了jquery实现的V字形显示效果代码,涉及jQuery数学运算及样式操作的相关技巧,需要的朋友可以参考下
    2015-10-10
  • jQuery关键词说明插件cluetip使用指南

    jQuery关键词说明插件cluetip使用指南

    我们在做web项目的时候,经常会使用到提示效果。html自带的提示效果是label标签的title,但是这个效果过于简单和难看,并且不方便调整样式。今天我偶然发现个jQuery的插件,可以很方便的做出漂亮的提示效果。
    2015-04-04
  • jquery $.ajax相关用法分享

    jquery $.ajax相关用法分享

    jquery $.ajax相关用法分享,使用jquery的朋友可以参考下
    2012-03-03

最新评论