jQuery之基础选择器

时间：2016-01-22 14:26:05 阅读：253 评论：0 收藏：0 [点我收藏+]

这一系列是我系统学习jQuery的笔记，有助于当前学习理解和日后回忆。内容来自慕课网陶老师的jQuery基础教程，先谢过。

id选择器：$("#elementId")
元素选择器：$("elementTag")
类选择器：$(".className")
通配选择器：$("*") 页面所有元素，包括<head> <body> <script>这些
或选择器：$("selector1,selector2,selectorN") 逗号隔开几个参数，取它们的并

     <body>
        <div class="red">会被选上</div>
        <div class="green">会被选上</div>
        <div class="blue">我被落下</div>
        
        <script type="text/javascript">
            $(".red,.green").html("hi,我们的样子很美哦!");
        </script>
    </body>

父子孙选择器：$("ance desc") 空格隔开参数，取父元素中的子孙元素

　　如$("div span")表示取div中所有的span元素。

父子选择器：$(parent > child) >隔开参数，取父元素中的子元素

如$("div > span")表示取div（下图黑色框）中子一级（下图红色框）span元素，孙辈（下图蓝色框）之后的就不取了。

技术分享

邻居选择器：$("elementTag + ") +表示同级下一个元素，两个+自然就指下下个元素（如果有的话）。邻居选择器后还可以继续过滤选择。

如下图灰色框表示div，$("div +")指红色框，$("div + +")指褐色框。如果红色框是一个label，则$("div+label")指红色框，否则无所指。

技术分享

邻居选择器2：$("elementTag ~") ~表示同级后面的所有元素，同样后面还可以继续过滤选择。

如下图灰色框代表div，则$("div~")表示两个红色框，$("div~label")表示这些红色框中的label。

技术分享

jQuery之基础选择器

原文：http://www.cnblogs.com/feitan/p/5150533.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)