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对象
相关推荐
tthappyer 2020-07-25
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17