00-jQuery初识

什么是jQuery

• jQuery是一个JavaScript库
• jQuery可以简化原生JS的操作
• 对比原生JS,写得更少做得更多

如何使用jQuery

1. 下载jQuery库(https://code.jquery.com/)

2. 引入下载的jQuery库(开发过程中使用未压缩版本,项目上线使用)

3. 编写jQuery代码

   <script>
       $(document).ready(function(){
       
    });
   </script>
   

jQuery和JS入口函数的区别

• 原生JS和jQuery入口函数的加载模式不同
  • 原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行
  • jQuery会等到元素加载完毕,但不会等到图片也加载完毕就会开始执行
• 原生的JS如果编写了多个入口函数,后面编写的会覆盖前面编写,jQuery中编写多个入口函数,后面的不会覆盖前面的

jQuery的其它写法

• 第一种 $(document).ready(function(){})
• 第二种 jQuery(document).ready(function(){})
• 第三种 $(function(){}) (推荐)
• 第四种 jQuery(function(){})

jQuery冲突问题

• 由于我们在自己的JS代码中也可能会使用$这个符号,所以会有冲突我让问题
• 释放$的使用权 jQuery.noConflict();
  • 释放操作必须在编写其他jQuery代码之前编写
  • 释放之后就不能再使用$,改为使用jQuery
• 自定义一个访问符号var 名称 = jQuery.noConflict();