最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

Jquery插件开发笔记整理_jquery

来源:动视网 责编:小采 时间:2020-11-27 20:56:54
文档

Jquery插件开发笔记整理_jquery

Jquery插件开发笔记整理_jquery:只好自己来写个文章,已便日后记忆! 先贴出插件代码,里面注释 代码如下: (function ($) { //扩展 $.fn.extend({ //插件名称 height: function (options) { //默认参数 var defaults = { color: '红色' }; //覆盖默认参数 v
推荐度:
导读Jquery插件开发笔记整理_jquery:只好自己来写个文章,已便日后记忆! 先贴出插件代码,里面注释 代码如下: (function ($) { //扩展 $.fn.extend({ //插件名称 height: function (options) { //默认参数 var defaults = { color: '红色' }; //覆盖默认参数 v


只好自己来写个文章,已便日后记忆!
先贴出插件代码,里面注释
代码如下:
(function ($) {
//扩展
$.fn.extend({
//插件名称
height: function (options) {
//默认参数
var defaults = {
color: '红色'
};
//覆盖默认参数
var opts = $.extend(defaults, options);
//主函数
return this.each(function () {
//激活事件
var obj = $(this);
obj.click(function () {
alert(opts.color);
});
});
}
})
})(jQuery);
//注后面的(jQuery)一定要这样,Q一定要大写,j不能大写,不然出错。

下面为使用代码
代码如下:
@{
ViewBag.Title = "Home Page";
}
@section Header{


$(function () {
$("p").height({ color: '黑色' });
});

}

@ViewBag.Message



To learn more about ASP.NET MVC visit http://asp.net/mvc.



很简单吧,其实开发Jquery插件还有其它的方法,我只是感觉这种方法比较好,可读性也比较好。

jquery插件就写到这里!

文档

Jquery插件开发笔记整理_jquery

Jquery插件开发笔记整理_jquery:只好自己来写个文章,已便日后记忆! 先贴出插件代码,里面注释 代码如下: (function ($) { //扩展 $.fn.extend({ //插件名称 height: function (options) { //默认参数 var defaults = { color: '红色' }; //覆盖默认参数 v
推荐度:
标签: 开发 笔记 jQuery
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top