当前位置:  编程技术>WEB前端

jquery自定义函数的多种方法

    来源: 互联网  发布时间:2014-08-25

    本文导语:  代码如下: //方法定义 $.windowbox = { //定义一个方法aa aa: function(){ alert("aa"); }, //定义一个方法bb bb: function(){ alert("bb"); } } $.windowbox.aa(); //调用$.windowbox里的aa方法 代码如下: // 传参数 var aa = function(x){ //弹出对象 x 里的 aa 变量和 b...

代码如下:

//方法定义
$.windowbox = {
//定义一个方法aa
aa: function(){
alert("aa");
},


//定义一个方法bb
bb: function(){
alert("bb");
}
}
$.windowbox.aa(); //调用$.windowbox里的aa方法

代码如下:

// 传参数
var aa = function(x){
//弹出对象 x 里的 aa 变量和 bb 变量
alert(x.aa + " 我成功啦 " + x.bb);
}
$.windowbox = aa;

$.windowbox({
aa: "哈哈",
bb: "啦啦"
});

代码如下:

方法一:
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中map函数与each函数的区别实例介绍
  • jQuery.proxy向函数中传参的小例子
  • 关于jquery中全局函数each使用介绍
  • jQuery setTimeout()函数的用法介绍
  • jquery的focus函数用法示例
  • jquery浏览器判断函数代码
  • jQuery学习笔记之jQuery构建函数的7种方法
  • JQuery在页面加载完成时执行函数的示例代码
  • 从零学jquery之如何使用回调函数
  • jquery中ajax函数执行顺序问题之如何设置同步
  • jquery 字符串切割函数substring的用法说明
  • jQuery 自定义函数的三种方法(示例)
  • jquery map函数的用法
  • jquery toggle()函数实例解析
  • jquery序列化表单以及回调函数的使用示例
  • jQuery的animate函数学习记录
  • Jquery中"$(document).ready(function(){ })"函数的使用详解
  • jquery中的animate函数
  • jquery animate动画函数用法浅析
  • jQuery filter函数使用方法
  • jQuery页面加载完毕再执行代码多种方法
  • jquery获取下拉框值的多种方法
  • jquery跟js初始化加载的多种方法及区别介绍
  • jquery 动态加载js的多种方法汇总
  • Jquery easyui如何支持验证多种类型
  • jquery操作checked属性以及disabled属性的多种方法
  • jquery如何判断checkbox是否选中?多种方法
  • jquery设置disabled元素属性的多种方法
  • jquery操作checked与disabled属性多种方法与实例
  • Jquery 获取对象的多种方式
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • JS与jquery自定义属性用法
  • jQuery自定义下拉列表 DropKick
  • 自定义jquery模态窗口插件无法在顶层窗口显示问题
  • jquery easyui自定义下拉框列表
  • 基于jquery的自定义分页控件 jqPaginator
  • 解决自定义$(id)的方法与jquery选择器$冲突的问题
  • Jquery实现自定义窗口随意的拖拽 iis7站长之家
  • jQuery自定义事件的简单实现代码
  • jquery easyui自定义DataGrid视图
  • jQuery中使用data()方法读取HTML5自定义属性data-*实例
  • AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
  • jquery 限制输入框只能输入数字的自定义插件
  • jQuery的:parent选择器定义和用法
  • Jquery自定义button按钮的几种方法
  • Jquery实现自定义窗口随意的拖拽
  • Jquery实现自定义tooltip示例代码
  • jquery 自定义容器下雨效果可将下雨图标改为其他
  • jquery validate添加自定义验证规则(验证邮箱 邮政编码)
  • jquery validate 自定义验证方法介绍 日期验证
  • jquery自定义下拉列表实现代码
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3