jQuery基础及选择器2

e度空间 2020-06-28

1.

使用CSS选择器选择元素

基本选择器

$("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    选取当前获取焦点的元素

可见性过滤选择器

:visible      选取所有可见的元素

:hidden    选取所有隐藏的元素

相关推荐

AlisaClass / 0评论 2020-06-10

somboy / 0评论 2020-05-13