jQuery选择器有哪些-创新互联

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

察布查尔锡伯网站建设公司成都创新互联,察布查尔锡伯网站设计制作,有大型网站制作公司丰富经验。已为察布查尔锡伯近1000家提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱,请找那个售后服务好的察布查尔锡伯做网站的公司定做!

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选择器有哪些的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文名称:jQuery选择器有哪些-创新互联
本文网址:http://hbruida.cn/article/dsciei.html