Jquery高级编程阅读笔记3——jQuey核心技术-优快云博客

本文链接：https://blog.youkuaiyun.com/Folix_lm/article/details/84713999

本文详细解析jQuery的核心函数、工具函数及其在DOM操作、字符串处理、事件绑定等方面的应用。通过实例展示了jQuery如何实现链式操作，提高代码可读性和性能。文章还对比了$(this)与this的区别，提供了关于jQuery与JavaScript操作的实践指南。

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

JQuery脚本结构
jQuery的核心函数，指的是一个工厂对象，即jQuery()函数，或者常用的别名$(),该变量的类型是function。返回值是一个jQuery对象（包装了jQuery功能）。
jQuery工具函数
对象
1、检查对象类型
$.type(null) // null
$.type([]) // array
2、检查对象是否包含任何属性
$.isEmptyObject({}) // ture
3、合并两个或者两个以上对象 $.entend(obj1,obj2,obj3),obj1将获得obj2,obj3的属性
函数
$.isFunction() 去掉函数名的圆括号
$.noop() 存根函数
数组操作
$.isArray() 是否是数组
$.merge() 合并数组
$.inArray()检查数组是否存在某个指定的值，存在返回索引，不存在返回-1
$.unique()从Dom元素的数组中移除重复元素

$.each()方法取代旧的for循环
```
$(function(){
	var numArray = [1,2,4,4];
	//index表示索引（0开始），第二个表示元素的值
	$.each(numArray,function(index,value){
		console.log("index is:"+index + ",value is"+value);
	});
 });
```
字符串
$.trim(" hello ") 去除首尾空格字符
$.now() 返回一个表示当前时间的数值

$(this)和this的区别
$(this)是一个Jquery对象，对应是Jquery的相关操作
this是DOM对象，对应的是js相关操作

$("li").click(function(){
       // js操作
	this.style.backgroundColor= "green";
       //jquery操作
       $(this).css("backgroundColor","green");
});

链式操作
$("body").find("div").addClass("class1").find("#div2").addClass("class2")
采用链式操作处理可读性更好之外，还有更好的性能，因为他不必再实例化一个新的jQuery对象