jQuery 基础

最新推荐文章于 2025-06-19 14:35:59 发布

error0318

最新推荐文章于 2025-06-19 14:35:59 发布

阅读量180

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/error311/article/details/88606562

前端专栏收录该内容

10 篇文章

订阅专栏

本文深入解析jQuery库的基本原理，包括$(document).ready的作用、jQuery对象特性、静态与实例方法的区别，以及jQuery与JavaScript的转换技巧。了解如何正确初始化jQuery，掌握$符号的管理，认识jQuery作为函数的本质。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.$(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。

jQuery库本质上还是JavaScript代码

2.入口函数编写

$(document).ready(function(){
	alert("OK");
});

// 推荐使用
$(function(){
	document.write("no");
});

3.关于 $ 符号

// 释放jQuery $ 符号的使用权
jQuery.noConflict();
jQuery(function(){
	document.write("no");
});

// 自定义jQuery的符号
var nj = jQuery.noConflict();

4.jQuery对象是一个伪数组

有0— length-1 的属性，并且有length属性

5.静态方法和实例方法

// 定义一个类
function AClass(){

}
// 给这个类添加一个静态方法
AClass.staticMethod = function(){
	alert("staticMethod");
}

// 添加实例方法
AClass.prototype.instanceMethod = function() {
	alert("instanceMethod");
};
// 实例方法通过类的实例调用
// 创建一个实例
var a = new AClass();
a.instanceMethod();

6.jQuery框架本身是一个函数

7.$.holdReady(true); 作用：暂停ready执行
$.holdReady(false); 作用：恢复ready执行

8. jQuery和JS 区别

jQuery 和 js 相互转换 （方法不通用）
 js -> jquery $(js对象)
 jquery -> js : jquery对象[索引] 或者 jquery对象.get(索引)