JQ继承

JQ继承中常用方法:

1:each()

jQuery.each(object, [callback])
定义:遍历,可以遍历对象和数组。
不同于 jQuery 对象的 $().each() 方法,此方法可用于遍历任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。
实例:

1:遍历数组,同时使用元素索引和内容。
jQuery 代码:
$.each( [0,1,2], function(i, n){
  alert( "Item #" + i + ": " + n );
});:
2:遍历对象,同时使用成员名称和变量内容。
jQuery 代码:
$.each( { name: "John", lang: "JS" }, function(i, n){
  alert( "Name: " + i + ", Value: " + n );
});

2:extend 扩展

返回值:ObjectjQuery.extend([deep], target, object1, [objectN])
定义:用一个或多个其他对象来扩展一个对象,返回被扩展的对象。
target:一个对象,如果附加的对象被传递给这个方法将那么它将接收新的属性,如果它是唯一的参数将扩展jQuery的命名空间。
object1:待合并到第一个对象的对象。
objectN:待合并到第一个对象的对象。
[objectN]Object,Object,Object,ObjectV1.1.4deep:如果设为true,则递归合并。
target:待修改对象。
object1:待合并到第一个对象的对象。
objectN:待合并到第一个对象的对象。

案例:
合并 settings 和 options,修改并返回 settings。

var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
jQuery.extend(settings, options);
结果:
settings == { validate: true, limit: 5, name: "bar" }
发布了35 篇原创文章 · 获赞 5 · 访问量 824

猜你喜欢

转载自blog.csdn.net/weixin_43332220/article/details/102516665