在jQuery的高级语法里面有个插件机制,换句话说就是扩展jQuery,提供新的方法。
一、插件机制
jQuery.fn.extend(object) 扩展 jQuery 元素集来提供新的方法(通常用来制作插件)。
jQuery.extend(object) 扩展jQuery对象本身。用来在jQuery命名空间上增加新函数。
// 扩展jquery 元素集
$.fn.extend({
mySilder: function () {
console.log("我扩展的方法!");
}
});
//上面的写法是扩展到元素集
//扩展给jquery对象本身
$.extend({
studentinfo: function () {
console.log("我是扩展的方法!");
}
});
$(".btn").click(function () {
$(this).mySilder();
$.studentinfo();
});
//$.extend 合并功能
var info = {
name: "张三",
sex: "男"
};
var list = {
name: "李四",
sex: "女",
age: "20"
}
console.log($.extend({}, list, info));
//合并对象的功能
console.log(Object.assign({}, info, list));
在这里合并会出现覆盖。后面的覆盖前面的,前面有的而后面没有的也会保留。
二、小结
插件这里只介绍了机制,东西不多需要练习,具体的案例在下一篇博客里发布。