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() 方法,类似于锁机制 |
Comments NOTHING