jQuery中复合属性选择器用法实例
更新时间：2014年12月31日 11:48:37 投稿：shichen2014
这篇文章主要介绍了jQuery中复合属性选择器用法,实例分析了复合属性选择器匹配同时满足多个属性条件元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery中复合属性选择器用法。分享给大家供大家参考。具体分析如下：
此选择器能够匹配同时满足多个属性条件的元素。
语法结构:
复制代码 代码如下:
[selector1][selector2][selectorN]
参数列表:
实例代码:
复制代码 代码如下:
<!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(){
$("li[class=houtai][title$=p]").css("color","blue");
})
})
</script>
</head>
<body>
<div>
<ul>
<li class="houtai" title="asp">ASP教程</li>
<li class="houtai" title="net">ASP.NET教程</li>
<li class="houtai" title="php">;PHP教程</li>
</ul>
<ul>
<li class="qiantai" title="html">html教程</li>
<li class="qiantai" title="div">DIV+CSS教程</li>
<li class="qiantai" title="jquery">jQUERY教程</li>
<li class="qiantai" title="js">jAVAScript教程</li>
</ul>
</div>
<button>点击查看效果</button>
</body>
</html>
以上代码可以将li元素中，class属性值为“houtai”，title属性值以“p”结尾的li元素，并且其中的文本颜色设置为蓝色。
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
这篇文章主要介绍了JQuery特殊效果和链式调用操作,结合实例形式分析总结了jQuery各种常见显示效果与所使用的函数,以及链式调用显示层级菜单功能相关操作技巧,需要的朋友可以参考下2019-05-05
本篇文章是对JQuery获取和设置Select选项的一些常用方法进行了汇总介绍，有需要的朋友可以参考一下2013-07-07
这篇文章主要介绍了jquery实现二级导航下拉菜单效果,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了jQuery表格(Table)基本操作,结合实例形式分析了jQuery针对表格常见的样式、属性及增删行等相关操作技巧,需要的朋友可以参考下2017-03-03
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
这是一个典型的Ajax应用，在页面上，您只需要点击“下一页”，数据区将自动加载对应页码的数据，重新刷新数据区。类似的效果在很多网站上应用，尤其在一些需要展示大量图片数据的网页如淘宝商品列表页，Ajax分页效果让您的网站数据加载显得非常流畅。2015-09-09
使用jQuery获取radio/checkbox组的值的代码收集
很久没有写JQuery的文章了。今天来看下JQ对天Checkbox复选框的操作。看下面的一个小例子。在这个例子中包括了以下几个功能2009-12-12
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
本文给大家分享的是使用jQuery结合CSS3制作的仿猎豹浏览器宽屏banner焦点图特效，代码很简单，效果却非常棒，而且兼容各大浏览器，这里推荐给大家，有需要的小伙伴参考下。2015-03-03
注意引用的插件及顺序;搜索获取选择的值,智能感知连接外网搜索，具体实现如下，感兴趣的朋友可以参考下哈，希望对你大家有所帮助2013-05-05
jQuery on()方法绑定动态元素的点击事件实例代码浅析
这篇文章主要介绍了jQuery on()方法绑定动态元素的点击事件的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要为大家详细介绍了jQuery实现飞机大战小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
最新评论