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的字体变成了粉色。
    

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

  • 相关阅读:
    .NET Core 3.0 部署在docker上运行
    Docker 微服务教程
    Docker 入门教程
    快速了解 Linux系统信息
    Navicat 连接本地MS-SQL服务器,只能用localhost无法使用127.0.0.1
    安装Ubuntu Server 18.04 并支持远程方式
    AdventureWorks 安装和配置[转自 微软msdn]
    SQL Server 2014 Agent 无法启动
    微信会死么
    ajax+php数据增加查询获取删除
  • 原文地址:https://www.cnblogs.com/eeeew/p/6843904.html
Copyright © 2011-2022 走看看