189 8069 5689

jQuery选择器有哪些

这篇文章主要介绍jQuery选择器有哪些，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

站在用户的角度思考问题，与客户深入沟通，找到双牌网站设计与双牌网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、成都网站建设、企业官网、英文网站、手机端网站、网站推广、国际域名空间、网站空间、企业邮箱。业务覆盖双牌地区。

1. 使用方法

jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。

网页需要使用到 jQuery 时，需要先在网页中引入 jQuery 的 js文件。





My Test JQuery

2. jQuery 语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。【相关视频教程推荐：jQuery教程】

基础语法形式：

 $(selector).action()

例：

$("p").hide()    // 隐藏所有 
 元素
$("#myInfo").hide() // 隐藏所有 id="myInfo" 的元素

写法：

所有 jQuery 函数位于一个 document.ready 的函数中。如下图。

这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。

如果在文档没有完全加载之前就运行函数，操作可能失败。

    $(document).ready(function(){     
       // 代码部分写在这里     
    });

也可以简写成下面这样：

   $(function(){         
      // 这里写代码         
   });

举例：





My Test JQuery
    
    


    
    
Hello

jQuery选择器有哪些　　jQuery选择器有哪些

3. 基本选择器

(1) 元素选择器: jQuery 元素选择器基于元素名选取元素。

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

元素，将其隐藏。





My Test JQuery
    
    


    
    
p元素1

    
p元素2

    
Hello

jQuery选择器有哪些　　jQuery选择器有哪些

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

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

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





My Test JQuery
    
    


    
    
p元素1

    
p元素2

    
Hello

jQuery选择器有哪些　　jQuery选择器有哪些

(3) .class 选择器：jQuery 类选择器可以通过指定的 class 查找元素。

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





My Test JQuery
    
    


    
    
p元素1

    
p元素2

    
Hello

    
你好

jQuery选择器有哪些　　jQuery选择器有哪些

以上是jQuery选择器有哪些的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！


网站名称：jQuery选择器有哪些
文章起源：http://cdxtjz.cn/article/jgisep.html

其他资讯