jquery基本选择器有哪些

本文小编为大家详细介绍“jquery基本选择器有哪些”，内容详细，步骤清晰，细节处理妥当，希望这篇“jquery基本选择器有哪些”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

成都创新互联是一家集网站建设,张家港企业网站建设,张家港品牌网站建设,网站定制,张家港网站建设报价,网络营销,网络优化,张家港网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

有5个基本选择器：1、ID选择器，根据ID匹配元素，语法“$("#id值")”；2、元素选择器，根据元素名匹配元素，语法“$("元素名")”；3、类选择器，根据类来匹配元素，语法“$(".类名")”；4、通配符“*”选择器，匹配所有元素等。

jquery基本选择器有哪些

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

基本选择器是jQuery中使用最多的选择器，jquery有5个基本选择器：

jquery基本选择器有哪些

选择器	功能描述
ID选择器 `#id`	根据给定的ID匹配一个元素
元素(标签)选择器 `element`	根据给定的元素名匹配所有元素
类选择器 `.class`	根据给定的类匹配元素
通配符 `*` 选择器	匹配所有元素
并集选择器 `selector1，selector2,...,selectorN`	将每一个选择器匹配到元素合并后一起返回

1、#id 选择器：

jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。

页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器

举例：使用 #id 选择器选择 id="myDiv1"的元素，将其隐藏。





My Test JQuery
    
        
        $(function(){
           $("button").click(function(){
                $("#myDiv1").hide();
            });
        });
    


    点击
    p元素1
    p元素2
    Hello

jquery基本选择器有哪些

2、元素选择器:

jQuery 元素选择器基于元素名选取元素。

举例：使用元素选择器选择所有

元素，将其隐藏。





My Test JQuery
    
        
        $(function(){
           $("button").click(function(){
                $("p").hide();
            });
         
        });
    


    点击
    p元素1
    p元素2
    Hello

jquery基本选择器有哪些

3、.class 选择器：

jQuery 类选择器可以通过指定的 class 查找元素。

举例：使用类选择器选择Class=“myClass1”的元素，将其隐藏。





My Test JQuery
    
        
        $(function(){
           $("button").click(function(){
                $(".myClass1").hide();
            });
        });
    


    点击
    p元素1
    p元素2
    Hello

My Test JQuery $(function() { $("button").click(function() { $("p,span").css("color", "red"); }); }); 点击

p元素

span元素2 Hello 你好

重庆分公司，新征程启航

jquery基本选择器有哪些

其他资讯