jQuery中复合属性选择器用法实例
2014-12-31 00:00
841 查看
本文实例讲述了jQuery中复合属性选择器用法。分享给大家供大家参考。具体分析如下:
此选择器能够匹配同时满足多个属性条件的元素。
语法结构:
参数列表:
参数
描述
selector1
属性选择器。
selector2
另一个属性选择器,用以进一步缩小范围。
selectorN
任意多个属性选择器,也是用来缩小范围。
实例代码:
以上代码可以将li元素中,class属性值为“houtai”,title属性值以“p”结尾的li元素,并且其中的文本颜色设置为蓝色。
希望本文所述对大家的jQuery程序设计有所帮助。
此选择器能够匹配同时满足多个属性条件的元素。
语法结构:
[selector1][selector2][selectorN]
参数列表:
参数
描述
selector1
属性选择器。
selector2
另一个属性选择器,用以进一步缩小范围。
selectorN
任意多个属性选择器,也是用来缩小范围。
实例代码:
<!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(){ $("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">j***AScript教程</li> </ul> </div> <button>点击查看效果</button> </body> </html>
以上代码可以将li元素中,class属性值为“houtai”,title属性值以“p”结尾的li元素,并且其中的文本颜色设置为蓝色。
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章推荐
- jQuery中复合属性选择器用法实例
- JQuery复合属性选择器小例
- jQuery实现的输入框选择时间插件用法实例
- jQuery对象的length属性用法实例
- jQuery的context属性用法实例
- jQuery使用之标记元素属性用法实例
- JQuery中属性过滤选择器用法实例分析
- jQuery的context属性用法实例
- jQuery实现的输入框选择时间插件用法实例
- jQuery中复合选择器简单用法示例
- Jquery日期选择datepicker插件用法实例分析
- JQuery中属性过滤选择器用法实例分析
- jQuery对象的selector属性用法实例
- Jquery日期选择datepicker插件用法实例分析
- jquery选择器、属性设置用法经验总结
- jQuery对象的selector属性用法实例
- ruby中类的写法以及属性,实例变量,类方法的用法
- jquery下json数组的操作用法实例