02-jQuery概念

nobility 发布于 2021-11-04 2639 次阅读


jQuery概念

jQuery变量

以下变量都指向jQuery,使用jQuery.noConflict()方法可以解除对$的占用,并返回jQuery变量用来自定义jQuery变量

变量名
jQuery
$
window.jQuery
window.$

jQuery的入口函数

  • 与原生window.onload绑定入口方法的区别在于,后者入口不会覆盖前者,而是依次执行
  • jQuery入口函数在原生window.onload绑定入口方法之后执行,因为load是在整个页面都加载完后触发(包括图片等资源),而ready是在页面DOM加载完成后触发(不包括图片资源等)
$(document).ready(function(){
  //code
})
$().ready(function(){
  //code
})
$(function(){
  //code
})

jQuery核心函数

接收参数类型 描述
函数 入口函数
字符串选择器 找到选择的DOM元素,并包装成jQuery对象返回
字符串HTML代码片段 生成DOM元素,并包装成jQuery对象返回
DOM元素 将该DOM元素包装称jQuery对象返回

jQuery对象

将DOM对象包裹在一个伪数组中,可通过数组下标方式取出DOM对象,也可以通过get(index)方法获取对应索引下的DOM对象

也就是说就算使用选择器选中页面元素不存在也不会返回null或undefined,顶多是一个没有任何元素的jQuery伪数组对象

jQuery函数对象方法

方法名 描述
jQuery.each(object,callback) 遍历伪数组,返回原伪数组;要注意的是回调函数中第一个参数是索引,与原生数组的ForEach()方法相反
jQuery.map(object,callback) 遍历伪数组,并且返回每个元素经过回调函数处理的新伪数组;回调要求有返回值;回调函数中参数顺序与原生map()方法一致
jQuery.trim(string) 取出字符串两端空格
jQuery.isWindow(object) 判断对象是否是window对象
jQuery.isArray(object) 判断对象是否是真数组
jQuery.isFunction(object) 判断对象是否是函数
jQuery.ready(callback) 入口函数方法
jQuery.holdReady(flag) 传入true暂停ready()方法的执行,传入false继续执行ready()方法,类似于锁机制
此作者没有提供个人介绍
最后更新于 2021-11-04