您的位置:首页 > Web前端 > JQuery

jQuery扩展方法

2016-05-17 14:42 489 查看
通过$.fn 向jQuery添加新的方法

通过$.extend()来扩展jQuery

1、$.extend()使用方法:

var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})
合并后结果为:

result={name:"Jerry",age:21,sex:"Boy"}


2、jquery扩展方法的使用

$(function() {
$.fn.myPlugin = function(options) {
$options = $.extend({
html: "no messages",
css: {
"color": "red",
"font-size": "14px"
}
},
options);
return $(this).css({
"color": $options.css.color,

}).html($options.html);
};

$('.test').myPlugin({html:"hello !",css:{"color":"green","font-size":"20px"}});
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: