本文说明了复合选择器在jQuery中的简单用法。分享给大家参考,如下:
一个介绍
复合选择器组合多个选择器(可以是ID选择器、元素选择器或类名选择器),两个选择器之间用逗号“,”隔开,只要满足任一过滤条件,就会匹配。返回的jQuery包装器集是一个集合,集合中的jQuery对象可以通过使用jQuery索引器获得。
具有多个匹配条件的选择器不会同时匹配满足这些选择器的匹配条件的元素,而是组合每个选择器的匹配元素并一起返回。复合选择器的使用如下:
$(' selector1,selector2,SelectOrn ');Selector1:是一个有效的选择器,可以是ID选择器、元素选择器、类名选择器。
选择器2:它是另一个有效的选择器,可以是标识选择器、元素选择器或类名选择器。
选择器:(可选)是任意数量的选择器,可以是ID选择器、语素选择器或类名选择器。
例如,要使用CSS类myClass查询文档中的所有span标签和div标签,可以使用以下jQuery代码:
$(“span,div . my CLaSS”);第二次申请
向页面添加三个不同的元素,并统一设置样式。使用复合选择器过滤div元素和id属性值为span的元素,并向它们添加新样式。
三个代码
脚本语言=' JavaScript ' src=' http : js/jquery-3 . 1 . 1 . min . js '/scriptp class=' default ' p element/pdiv class=' default ' Div element/Div span class=' default ' ID=' span ' element with ID span/span put type=' button ' value=' skinning Div element and element with ID span '/脚本类型=' text/JavaScript' $(文档)。ready(function(){ $(' input[type=button]')。click(function()//绑定按钮{var myClass=$('div,#span ')的click事件;//选择DOM元素myclass.css ('background-color ',' # c 50210 ');//设置所选DOM元素的背景颜色myClass.css('color ',' # FFF ');//设置所选DOM元素的文本颜色});});/编写四种运行效果的脚本
更多对jQuery感兴趣的读者可以查看本网站的主题:《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》和《jquery选择器用法总结》
希望本文对大家的jQuery程序设计有所帮助。