1.jQuery概述

最新推荐文章于 2022-04-05 14:26:05 发布

肝JOJO

最新推荐文章于 2022-04-05 14:26:05 发布

阅读量214

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/qq_34620296/article/details/103517253

版权

jQuery 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

1.jQuery概述
jQuery是一个快速,简洁的JS库,其设计宗旨是"Write less, Do more",用更少的代码做更多的事
2.优点
*轻量级,核心文件只有几十KB,不会影响页面的加载速度
*跨浏览器兼容,基本兼容了现在主流的浏览器
*链式编程,隐式迭代
*对事件,样式,动画支持,大大简化了DOM操作
*支持插件扩展开发,有着丰富的第三方插件,例如:树形菜单,日期控制,轮播图等
*免费,开源

3.代码示例

 <script src="jQuery.js"></script>
     <style>
         div {
             width: 200px;
             height: 200px;
             background-color: pink;
         }
     </style>
 </head>
 <body>
     <script>
         //入口函数:等页面DOM结构渲染完毕即可执行JS,不必等到所有外部资源加载完,相当于原生JS中的DOMContentLoaded
         //方式一
         $(document).ready(function(){
            $('div').hide();  
         })
         //方式二
         jQuery(function(){
            $('div').hide(); 
         })
         /*
         jQuery的顶级对象:
            $是jQuery的别称,在代码中可以使用jQuery代替$,一般为了方便直接使用$
            $也是jQuery的顶级对象,相当于原生JS中的window
         */
        
    </script>
     <div>
     </div>
 </body>