jQuery基础

1.定义

jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单

2.入口函数

先引入jquery

运行下面的代码

上面的代码执行后控制台会立即打印

开始使用jQuery - 1
开始使用jQuery - 2
开始使用jQuery - 4
开始使用jQuery - 5

这说明,jQuery默认可以使用 $ / jQuery / window.$ / window.jQuery 来调用,而且他是一个函数对象。

3.与原生入口函数的比较

window.onload只能有一个,而jQuery没有这个限制
jQuery入口函数执行时间更早
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。

执行下面的代码:

控制台输出:

开始使用jQuery - 1
开始使用jQuery - 2
window.onload

这个说明jQuery入口函数执行时间更早,且jQuery入口函数可以不只有一个

4.jquery对象

jquery对象是原生dom的包装集

jQuery基础_第1张图片

可以通过下标或者get()方法来提取jquery对象中的原生dom元素

5.链式编程

jQuey支持链式编程,因为jQuery的函数方法会return一个自身的jQuery对象,而这个对象又可以接着调用jquery的方法,以此类推,这就是链式编程的原理。

jQuery基础_第2张图片

6.隐式迭代

原生的JS需要手动循环遍历才能依次操作多个dom元素,而jQuery会自动完成而无须手动遍历


    

床前明月光

疑是地上雪

jQuery基础_第3张图片

7.多库共存

多库共存就是同时使用多个不同版本的jQuery

查看jQuery的版本:
方法一:直接查看文件名,例如:jquery-1.12.4.js
方法二:$.fn.jquery


    
    


>


最后打印的是

3.4.1

可以让后面的版本使用其他的字符来代替$,从而达到多库共存的目的
这个方法就是 noConflict(),为当前版本使用其他字符来代替$


你可能感兴趣的:(jQuery基础)