jquery 学习日志

1.closest() 方法获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上

如果给定表示 DOM 元素集合的 jQuery 对象，.closest() 方法允许我们检索 DOM 树中的这些元素以及它们的祖先元素，并用匹配元素构造新的 jQuery 对象。.parents() 和 .closest() 方法类似，它们都沿 DOM 树向上遍历。两者之间的差异尽管微妙，却很重要：

.closest()	.parents()
从当前元素开始	从父元素开始
沿 DOM 树向上遍历，直到找到已应用选择器的一个匹配为止。	沿 DOM 树向上遍历，直到文档的根元素为止，将每个祖先元素添加到一个临时的集合；如果应用了选择器，则会基于该选择器对这个集合进行筛选。
返回包含零个或一个元素的 jQuery 对象	返回包含零个、一个或多个元素的 jQuery 对象

     $('li.item-a').closest('li').css('background-color', 'red');

2.attr() 方法设置或返回被选元素的属性值。

    1.返回被选元素的属性值。

         $(selector).attr(attribute)

    2.设置被选元素的属性和值

         $(selector).attr(attribute,value)

    3.使用函数设置属性/值

         $(selector).attr(attribute,function(index,oldvalue))

    4.设置多个属性/值对

         $(selector).attr({attribute:value, attribute:value ...})

 

 

    http://www.w3school.com.cn/jquery/attributes_attr.asp

3.$.extend 

定义和用法

jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。

注意：1. 如果只为$.extend()指定了一个参数，则意味着参数target被省略。此时，target就是jQuery对象本身。通过这种方式，我们可以为全局对象jQuery添加新的函数。
2. 如果多个对象具有相同的属性，则后者会覆盖前者的属性值。

---

语法

$.extend( target [, object1 ] [, objectN ] )

指示是否深度合并

 

$.extend( [deep ], target, object1 [, objectN ] )

 

警告: 不支持第一个参数传递 false 。

参数	描述
deep	可选。 Boolean类型 指示是否深度合并对象，默认为false。如果该值为true，且多个对象的某个同名属性也都是对象，则该"属性对象"的属性也将进行合并。
target	Object类型 目标对象，其他对象的成员属性将被附加到该对象上。
object1	可选。 Object类型 第一个被合并的对象。
objectN	可选。 Object类型 第N个被合并的对象。