jQuery中添加自定义或函数方法
2014-03-31 09:48
330 查看
<script type="text/javascript"> (function () { $.fn.parHy = function (val) { alert(val + "hy"); } $.extend({ setHy: function (val) { alert(val + "ex"); } }); $.parYh = function (val) { alert(val + "yh"); } } )(); $("#div1").parHy('123'); $.setHy('123'); $.parYh('123'); </script>
方法一: jQuery.fn.setApDiv=function () { //apDiv浮动层显示位置居中控制 var wheight=$(window).height(); var wwidth=$(window).width(); var apHeight=wheight-$("#apDiv").height(); var apWidth=wwidth-$("#apDiv").width(); $("#apDiv").css("top",apHeight/2); $("#apDiv").css("left",apWidth/2); } 调用方法:$("#apDiv").setApDiv(); -------------------------------------------------------------------------------- 方法二: //jQuery 应用扩展 jQuery.extend({ // 设置 apDiv setApDiv:function () { //apDiv浮动层显示位置居中控制 var wheight=$(window).height(); var wwidth=$(window).width(); var apHeight=wheight-$("#apDiv").height(); var apWidth=wwidth-$("#apDiv").width(); $("#apDiv").css("top",apHeight/2); $("#apDiv").css("left",apWidth/2); } }); 调用方法:$.setApDiv(); 总结 一种如$.extend({'aa':function(){}}),这种调用时就是这样$.aa(),另一种如$.fn.extend({'aa':function(){}}),这种调用时就得这样,$(this).aa() -------------------------------------------------------------------------------- 方法三: $.postJSON = function(url, data, callback) { $.post(url, data, callback, "json"); }; 调用方法:$.postJSON('/post/getsecurejsonpost',{}, function(data) {});
Jquery定义对象( 闭包)
例一:添加对象的静态属性
声明一个对象$.problemWo,添加一个b的静态属性和myclick的静态方法。(function ($) { $.problemWo = function () { }; $.extend($.problemWo, { b: 5 }, { myclick: function () { alert("c") } } ); })(jQuery); alert($.problemWo.b); $.problemWo.myclick();
例二:添加对象的动态属性
声明一个对象$.problemWo,添加一个a的实例属性和myclick的实例方法。(function ($) { $.problemWo = function () { this.a = "abc" }; $.extend($.problemWo.prototype, {myclick: function () { alert(this.a); }} ); })(jQuery); var obj = new $.problemWo() obj.myclick();
备注:其中$.problemWo对象 可为任意名称
相关文章推荐
- Jquery简单瀑布流代码示例
- jquery $(this).attr $(this).val方法
- 期待已久的2013年度最佳 jQuery 插件揭晓
- 使用Javascript/jQuery将javascript对象转换为json格式数据 - 海涛的CSDN博客 - 博客频道 - CSDN.NET
- jquery ajax 的success回调函数不执行
- jquery控制display属性为none或block
- jQuery中选择器小问题(新人难免遇到)
- jQuery 取值、赋值的基本方法整理
- jquery 加载更多
- jquery mobile 设置设备适配
- Struts2+JQuery+Json实例(1)
- Struts2+JQuery+Json实例(2)
- jquery获取Url和JS获取Url的参数值
- Jquery网页选项卡应用
- .net+jeasyui(jquery)+webservice+控制台(windows服务) 开发棋王竞猜游戏娱乐网站
- jquery的toggle()方法
- 回到顶端的jquery
- Jquery列表中的导航菜单的应用
- jQuery学习笔记(4)
- jquery操作复选框(checkbox)的12个技巧