jQuery继承
HTML:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<script src="js/jquery-1.9.1.js"></script>
each(object(遍历对象),callback(回调函数)):通用的遍历方法,可用于遍历对象和数组。
<script>
/*
* each 方法 类似for
* */
var arr = [1, 2, 3];
$.each(arr, function (index, val) {
console.log(index, val);
});
$.each($("li"), function (index, val) {
console.log(index, val);
});
</script>
extend([deep], target, object1, [objectN]):用一个或多个其他对象来扩展一个对象,返回被扩展的对象。
deep:如果设为true,则递归合并。
target:待修改对象。
object1:待合并到第一个对象的对象。
objectN:待合并到第一个对象的对象。
<script>
/*
* extend 扩展 对象合并
* */
$.extend({
getName:function (){
console.log(1);
}
});
$.getName();
var stu={
name:"张三",
sex:"女",
age:18
}
var s={
name:"李四",
sex:"男",
age:20
}
var person=$.extend({},s,stu);
console.log(person);
var o=Object.assign(s,stu);
console.log(o);
console.log($("li"));
console.log($("li").get());
console.log($.makeArray($("li")));
console.log($("li").toArray());
console.log($.map([1, 2, 3], function (val) {
return val + 2;
}));
//给init对象原型追加的方法或者属性
$.fn.mySort=function (){
console.log("2222");
}
$("li").mySort();
console.log($());
</script>