核心函数
理解
- jQuery核心函数即$()函数 或jQuery()函数
- jQuery定义了全局函数$()供我们调用。
- $()函数既可以作为一般函数调用,且如果传递的参数不同(即参数类型/格式不同),执行的功能也就不同。
- $()函数也可以作为一般的对象调用其定义好的方法,此时$就是一个工具类。
作为函数调用
当jQuery核心函数$或jQuery作为函数被调用时,此时根据传入参数的不同,执行的功能也不相同。
- 参数是一个回调函数
当网页加载完毕后,执行此回调函数,此时$()函数相当于window.onload()。 - 参数是css选择器字符串
查找所有匹配的标签,并将它们封装成jQuery对象。 - 参数是DOM对象
将该DOM对象封装成jQuery对象。 - (很少用)参数是html标签字符串
创建标签对象并将其封装成jQuery对象。
作为对象调用
当jQuery核心函数或jQuery作为对象被调用时,此时$相当于一个工具对象,用于提供一些方法来执行某些特定功能。如:
- 一些发送Ajax请求的方法, . a j a x ( ) 、 .ajax()、 .ajax()、.get()、$.post()等等。
- 其他工具方法, . e a c h ( ) 、 .each()、 .each()、.trim()、$.parseJSON()等等。
核心对象
理解
- jQuery核心对象是执行jQuery核心函数的返回值,即执行jQuery核心函数返回的是jQuery核心对象。
- jQuery核心对象也可以叫作jQuery对象,jQuery对象实质上是一个伪数组对象,该伪数组对象内部封装了一个个DOM元素。具有伪数组的特点,即数值下标和length属性。
- jQuery对象拥有很多的属性和方法,利用这些方法可以实现一些特定功能。
属性/方法
jQuery对象的属性包括以下方面:
- 一些基本行为
- 操作DOM元素的各种属性
- 操作标签的css样式
- 执行DOM元素的增删改查
- 根据指定规则对标签进行筛选
- 处理相关事件监听
- 实现一些动画效果
注意
- jQuery对象的所有属性或方法都是基于该jQuery对象自身的内部元素进行相关操作。
- 执行jQuery核心函数后返回jQuery核心对象。
- jQuery核心函数也可以当作对象调用,但不是jQuery核心对象,它们有本质上的区别。
- jQuery核心函数的实质是一个JS的函数,jQuery核心对象实质是一个伪数组。
总结
- 注意$与jQuery等价,它们指向的是同一个对象,即既可以写$()也可以写jQuery()。- 都是JS的全局函数
- 执行jQuery核心函数返回jQuery核心对象
- jQuery核心对象是一个伪数组对象
(完)