首页 > Web开发 > 详细

jQuery选择器

时间:2020-06-27 12:17:44      阅读:83      评论:0      收藏:0      [点我收藏+]

       1.

              基本选择器

                     $("h1").css("color", "blue"); //标签选择器

                     $(".price").css({"background":"#efefef","padding":"5px"}); //类选择器

                     $("#author").css("clor", " #083499"); //id选择器

                     $(".intro,dt,dd").css("color", " #ff0000");//并集选择器

                     $("*").css("font-weight", "bold"); //全局选择器

 

              层次选择器

                     $(".textRight p").css("color","red"); //后代选择器

                     $(".textRight>p").css("color", "red"); //子选择器

                     $("h1+p").css("text-decoration", "underline"); //相邻元素选择器

                     $("h1~p").css("text-decoration", "underline"); //同辈元素选择器

              属性选择器

                     $("#news a[class]").css("background","#c9cbcb");//a标签带有class属性

                    $("#news a[class=‘hot‘]").css("background", "#c9cbcb"); // class为hot

                    $("#news a[class!=‘hot‘]").css("background", "#c9cbcb");// class不为hot

                    $("#news a[href^=‘www‘]").css("background","#c9cbcb");//以www开头

                    $("#news a[href$=‘html‘]").css("background", "#c9cbcb");//以html结尾

                    $("#news a[href*=‘k2‘]").css("background","#c9cbcb"); //包含"k2"的元素

       2.

              基本过滤选择器

                     :eq(index)     选取索引等于index的元素(index从0开始)

                     :gt(index)        选取索引大于index的元素(index从0开始)

                     :lt(index)     选取索引小于index的元素(index从0开始)

                     :header   选取所有标题元素

                     :focus      选取当前获取焦点的元素

                     :animated    选取当前获取焦点的元素

       3.

              可见性过滤选择器

                     :visible      选取所有可见的元素

                     :hidden    选取所有隐藏的元素

 

jQuery选择器

原文:https://www.cnblogs.com/yangshuwen/p/13197799.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!