jQuery基础【李江南网课笔记整理】（持续更新）

JQuery一款优秀的Javascript库
能让我们对HTML文档便利和操作、时间处理、动画以及Ajax变得更加简单

如何使用JQuery？

1. 不用下载直接引用：

2. 先下载JQuery库到本地目录，然后引用下载的库

---

jQuery与JavaScript入口函数加载模式对比

1. 原生JS和jQuery入口函数的加载模式不同

原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行

jQuery会等到DOM元素加载完毕,但**不会**等到图片也加载完毕就会执行

2. 覆盖问题

   原生的JavaScript如果编写了多个入口函数，后面编写的会覆盖前面编写的

   jQuery中编写多个入口函数后面编写的不会覆盖前面编写的

   
   

入口函数的写法

1. $(document).ready(function () { });
2. jQuery(document).ready(function () { });
3. $(function () { });（推荐）
4. jQuery(function () { });

$符号冲突问题

解决方法：

1. 释放$的使用权

   写法：jQuery.noConflict();
   注意：释放操作必须在编写其他jQuery代码之前编写
   释放之后就不能再使用$，改用jQuery

2. 自定义一个访问符号
   写法：var nj = jQuery.noConflict();
   然后nj就可以类似于$那样用了

jQuery核心函数

$();代表调用jQuery的核心函数

1. jQuery(callback)
   当DOM加载完成后执行传入的回调函数

2. jQuery([sel,[context]])
   接收一个包含CSS选择器的字符串，然后用这个字符串去匹配一组元素，并包装成jQuery对象

   原生JS对象和jQuery对象相互转换

3. jQuery(html,[ownerDoc])
   根据HTML标记字符串，动态创建DOM元素