zoukankan      html  css  js  c++  java
  • jQuery选择器---基本选择器总结

    今天要跟大家分享一下jQuery选择器的使用方法,它的选择器分为四大类 如图:

    基本选择器的使用:

    1.id选择器

    案例:
        <div id="notMe"><p>id="notMe"</p></div>
        <div id="myDiv">id="myDiv"</div>
    
    使用方法:
            $("#myDiv").css("color","red");
    使用结果:
    

    分析:
        $("#myDiv")是选择了为myDiv的id使它的字体变成了红色。
    

    2.element选择器

    案例:
        <div>DIV1</div>
        <div>DIV2</div>
        <span>SPAN</span>
    使用方法:
            $("div").css("color","red");
    使用结果:
    

    分析:
        $("div")是选择了为div的元素使它的字体变成了红色。
    

    3.class选择器

    案例:
        <div class="notMe">div class="notMe"</div>
        <div class="myClass">div class="myClass"</div>
        <span class="myClass">span class="myClass"</span>
    
    使用方法:
            $(".myClass").css("color","yellow");
    使用结果:
    

    分析:$(".myClass")是选择了为myClass的class使它的字体变成了黄色。
    

    4.*选择器

    案例:
        <div>DIV</div>
        <span>SPAN</span>
        <p>P</p>
    使用方法:
            $("*").css("color","blue");
    使用结果:
    

    分析:$("*")是选择了所有的字体变成了蓝色。
    

    5.组合使用选择器

    案例:
        <div>div</div>
        <p class="myClass">p class="myClass"</p>
        <span>span</span>
        <p class="notMyClass">p class="notMyClass"</p>
    使用方法:
            $("div,span,.myClass").css("color","pink");
    使用结果:
    

    分析:$("div,span,.myClass")是选择div,span的元素和myClass的class的字体变成了粉色。
    

    基本选择器就到这里 请继续观看下集层次选择器!

  • 相关阅读:
    字体识别
    TMSHttpConfig工具使用
    firedac分页查询
    filefunc.pas
    dbfunc.pas
    TRawByteStringStream
    大小端交换
    variant的序列和还原
    ansistring和unicode的序列和还原
    malinajs来自Svelte 启发的前端编译器
  • 原文地址:https://www.cnblogs.com/eeeew/p/6843904.html
Copyright © 2011-2022 走看看