Jquery 插件 实例
2016-07-01 17:47
302 查看
先说明下应用场景,通过可配项的配置和默认项覆盖,获取指定的需求数据,填充到指定的位置(两个指定其实都是可配的)
采用闭包的方式,执行插件方法;
调取方式:
$(指定容器).getOneNews({
newsId: 配置参数
})
就这么简单!如果有多个插件,直接通过对象的方式写,使用方式一样同上。
(function($) { $.fn.extend({ getOneNews: function(opt) { //获取单条新闻信息 var defaults = { newsId: "", }; var options = $.extend(defaults, opt); var _this = this; _this.html("<p style='text-align:center'>信息获取中,请稍后...</p>") $.ajax({ dataType:"jsonp", jsonp: "callback", url:"xxxx/news/GetNewsById?newsid="+options.newsId, success:function(res){ _this.html(res.obj.news_content) }, error: function(){ _this.html("<p style='text-align:center'>数据异常,请稍后再试!</p>") } }); } }) })(jQuery)
采用闭包的方式,执行插件方法;
调取方式:
$(指定容器).getOneNews({
newsId: 配置参数
})
就这么简单!如果有多个插件,直接通过对象的方式写,使用方式一样同上。
相关文章推荐
- jQuery控制滚动条滚动到指定位置
- jQuery 取值、赋值
- jQuery插件简单学习实例教程
- jquery插件autocomplete用法示例
- JavaScript强化教程——jQuery选择器
- JavaScript强化教程——jQuery选择器
- jQuery获取输入框并设置焦点
- jQuery实现复选框选中自动填充数据
- HTML Select 标签选择后触发jQuery事件代码实例
- 使用jquery获取父元素及父元素以上元素的方法
- 表格中用Jquery获取双击行的某列的值
- .net web开发基础知识总结
- jquery的ajax缓存
- jQuery弹出层效果
- jQuery 2.0.3 源码分析core - 选择器
- jquery.ajaxfileupload.js 问题汇总
- jquery合并单元格
- jquery 获取鼠标位置
- jquery弹幕效果
- jQuery 2.0.3 源码分析core - 整体架构