Jquery高级编程阅读笔记3——jQuey核心技术
- 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对象
