标签的一组元素*匹配所有元素集合元素$("*")选取所有的元素选择器语法1、通过ID选取元素语法：$(

3、"#id")2、通过类名获取元素语法：$(".className")3、通过标签名获取元素语法：$("tagName")4、一次性获取多个元素语法：$("selector1,selector2,select3...")基本选择器示例改变id为one的元素的背景色为红色$("#one").css("backgroundColor","red");改变元素名为

的所有元素的背景色为#bbffaa，字体颜色为红色$("p").css({color:"red",backgroundColor:"#b

4、bffaa"});改变第一个

元素的背景色为红色$("p").eq(0).css("backgroundColor","red");改变所有

元素和id为one的元素的背景色为#bbffaa$("h1,#one").css("backgroundColor","#bbffaa");基本选择器示例如果想通过DOM元素之间的层次关系来获取特定元素,例如后代元素,子元素,相邻元素,兄弟元素等,则需要使用层次选择器层次选择器选择器描述示例$("ancestordescendant")选取anc

5、estor元素里的所有descendant(后代)元素$("divspan")选取

里的所有的元素$("parent>child")选取parent元素下的child(子)元素$("div>span")选取

元素下元素名是的子元素$("prev+next")选取紧接在prev元素后的next元素$("div+span")选取

元素的下一个兄弟元素$("prev~siblings")选取prev元素之后的所有siblings元素$("di

6、v~span")选取

元素后面的所有兄弟元素注意:(“prev~div”)选择器只能选择“#prev”元素后面的同辈元素;而jQuery中的方法siblings()与前后位置无关,只要是同辈节点就可以选取改变内所有

的背景色为#bbffaa$(“bodydiv")改变内子

的背景色为#bbffaa$(“body>div")改变id为one的下一个

的背景色为#bbffaa层次选择器示例$("#one+div")改变id为two的

7、元素后面的所有兄弟

的元素的背景色为#bbffaa$("#two~div")改变id为two的元素所有

兄弟元素的背景色为#bbffaa$("#two").siblings("p")Left

8、"clsFraA">Right_1

Right_2

层次选择器示例body{font-size:12px;text-align:center}div,span{float:left;border:solid1px#ccc;margin:8px;display:none}.clsFraA{width:65px;height:65px}.clsFraP{width:45px;height:45px

当前文档最多预览五页，下载文档查看全文

侵权申诉 举报

此文档下载收益归作者所有

下载文档

当前文档最多预览五页，下载文档查看全文

点击下载本文档

• 版权提示
• 下载文档

举报

温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。

相关文章

更多

• jquery选择器练习
• jquery选择器深度解析
• jquery选择器大全
• jquery选择器练习
• jquery选择器总结
• jquery选择器大全
• jquery选择器总结
• jquery选择器种类
• jQuery选择器
• jQuery选择器总结(全).ppt

相关标签

选择器 PPT 课件