jquery选择器

散星寥落
93 阅读1分钟

a.png

b.png

    $("#p").children().css("font-size", " 30px");//如果不加参数选中所有孩子，如果加上参数选中的在所有子元素匹配
    $("#p").find("p").css("font-size", "30px");//如果无参数，将不会选择任何后代，只有有参数时，才会选择对应后代
    $(". p").contents().css("font-size", "30px");//在不同版本里，选取内容不一样

c.png

    $(this).next("p").css("border", "solid 1px #fO0");
    $(this).prev("p").css("border", "solid 1px #Of0");
    // $(this ).nextAl1().css ("background" , "#f00" );
    $(this).siblings("p").css("background", " #ffe");//除了自己之外的所有p兄弟元素

d.png

4.offsetParent()方法是:选择最近的祖先定位元素，且该元素的CSS属性，display不能为none.所谓定位元素是指其CSS属性position取值为relative、absolute或fixed。如果祖先元素中没有合适的元素，则会选择<html>根元素元素。
5.closest(“选择器”)方法是:选择本身和其祖先元素所有匹配选择器的元素。也就是说，先看看原先的元素是否匹配，否则会一层一层地向上找到最先匹配祖先元素。

    $(" span").parent("p").css("border", " solid 1px #fo0"); //不加参数父亲是什么标记都会被选中，如果添加参数那么按照添加内容筛选
    $("span").parents("div").css("background", "#f00");//不加参数会选择所有祖先元素，包括html，加参数会跟参数筛选对应元素
    $("span ").parentsUntil("div").css("background", " #fo0");//直到div，但是不包含div

e.jpg

    $("p").first().css("border", "solid 1px #fO0");
    $("p").eq(3).css("border", "solid 1px #f00");
    $("div").filter(".p").css("background", "#eee");//选取class=p的div
    $("div").not(".p").css("background", "#ff0");//排除class=p的div
    $("div").has("span").css("border", "solid 2px #00f");//选取包含后代有span的div
avatar
文章
阅读
粉丝