Jquery高级编程阅读笔记3——jQuey核心技术

87493063 2015-04-22

  1. JQuery脚本结构
    jQuery的核心函数,指的是一个工厂对象,即jQuery()函数,或者常用的别名$(),该变量的类型是function。返回值是一个jQuery对象(包装了jQuery功能)。
  2. 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);
    	});
     });
     
  3. 字符串
    $.trim(" hello ") 去除首尾空格字符
    $.now() 返回一个表示当前时间的数值
  4. $(this)和this的区别
    $(this)是一个Jquery对象,对应是Jquery的相关操作
    this是DOM对象,对应的是js相关操作
    $("li").click(function(){
           // js操作
    	this.style.backgroundColor= "green";
           //jquery操作
           $(this).css("backgroundColor","green");
    });
     
  5. 链式操作
    $("body").find("div").addClass("class1").find("#div2").addClass("class2")
    采用链式操作处理可读性更好之外,还有更好的性能,因为他不必再实例化一个新的jQuery对象

相关推荐

Web全栈笔记 / 0评论 2020-06-15