jquery自定义函数的多种方法
//方法定义
$.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动态加载js/css文件方法(自写小函数)
先来看jquery自带的getSrcript文件 方法 $.getScript(url,callback) 实例 复制代码 代码如下: var testVar = 'New JS loaded!'; alert(testVar); function newFun(dynParam) { alert('You just passed '+dynParam+ ' as parameter.'); } 动态调用方法 复制代码 代码如下: <script type="text/javascript
-
jquery常用函数与方法汇总
1.delay(duration,[queueName]) 设置一个延时来推迟执行队列中之后的项目. jQuery 1.4新增.用于将队列中的函数延时执行.他既可以推迟动画队列的执行,也可以用于自定义队列. duration:延时时间,单位:毫秒 queueName:队列名词,默认是Fx,动画队列. 例: 头部与底部延迟加载动画效果 $(document).ready(function() { $('#header') .css({ 'top':-50 }) .delay(1000).anima
-
可兼容IE的获取及设置cookie的jquery.cookie函数方法
前言 在开发过程中,因为之前有接触过Discuz,就直接拿其common.js里面的getcookie和setcookie方法来使用,做到后面在使用IE来测试的时候,发现这两个方法子啊IE下不起作用,就请教同事,这样就有了jquery.cookie.js文件的由来,里面的代码很少,我贴在下面,方便以后使用和研究吧. 源码 复制代码 代码如下: /** * Cookie plugin * * Copyright (c) 2006 Klaus Hartl (stilbuero.de) * Dual
-
给jQuery方法添加回调函数一款插件的应用
插件源码 jquery.callback.js 插件开源地址: https://gist.github.com/4580276 复制代码 代码如下: /** * @fileOverview 本插件用于给jQuery方法添加回调函数,可在类方法或实例方法添加任何自定义的回调函数而不影响原方法的行为 * @dependency jQuery1.7+ * @author huhai * @since 2013-01-21 */ (function($){ $._callbacks = {}; $._
-
jquery的ajax()函数传值中文乱码解决方法介绍
复制代码 代码如下: $.ajax({ dataType : 'json',type : 'POST',url : 'http://localhost/test/test.do',data : {id: 1, type: '商品'},success : function(data){ } } ); 问题: 提交后后台action程序时,取到的type是乱码 解决方法: 方法一:提交前采用encodeURI两次编码,记住一定是两次 1.修改以下代码 复制代码 代码如下: data:{id:1, t
-
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
1.one()方法功能是为所选的元素绑定一个仅触发一次的处理函数,其调用的语法格式为:one(type, [data], fn) 其中参数type为事件类型,即需要触发什么类型的事件:参数data为可选参数,表示作为event.data属性值传递给事件对象的额外数据对象:fn为绑定事件时所要触发的函数. 2.示例代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h
-
jquery与js函数冲突的两种解决方法
如果您还有别的要求,想继续使用原先的$(),同时还需要与别的类库不冲突的话,还有两种解决方法 其一: 复制代码 代码如下: jQuery.noConflict(); jQuery(function($) { $("p").click(function() //在函数内继续可以使用jquery类库的$()方法 { alert($(this).text()); }) }) var JsCOM_cr = $("cr"); // 在函数外面,照样可以使用JsCOM.js的$
-
jQuery中将函数赋值给变量的调用方法
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
-
jQuery setTimeout()函数使用方法
setTimeout()从载入后延迟指定的时间去执行一个表达式或者是函数;仅执行一次 ;和window.clearTimeout一起使用. 我在 复制代码 代码如下: $(document).ready(function(){setTimout(test(),200); function test() { alert(1); } }); 只会执行一次,有朋友说可以使用 复制代码 代码如下: setInterval ("showTime()", 5000);function showTi
-
JQuery入门——用bind方法绑定事件处理函数应用介绍
1.bind()功能是为每个选择元素的事件绑定处理函数,其语法如下:bind(type, [data], fn) 其中type为一个或多个类型的字符串,如click或change,也可以自定义:可以被type调用的类型包括blur.focus.load.resize.scroll.unload.click.dbclick.mousedown等事件.参数data是作为event.data属性值传递对象的额外数据对象.参数fn是绑定到每个选择元素的事件中的处理函数. 2.示例代码: 复制代码 代码如
随机推荐
- js实现form自动完成功能
- 使用BAT一句话命令实现快速合并JS、CSS
- JavaScript高级程序设计 阅读笔记(十七) js事件
- Form表单上传文件(type="file")的使用
- js模仿java的Map集合详解
- php页面跳转代码 输入网址跳转到你定义的页面
- php URL跳转代码 减少外链
- php变量与JS变量实现不通过跳转直接交互的方法
- AJAX用于判定用户是否注册
- User Scripts: Video Download by User Scripts
- 简单的过滤字符串中的HTML标记
- IIS下自定义404页面返回200状态码的严重性及解决方法
- 浅谈C#中堆和栈的区别(附上图解)
- Js检测判断URL网址输入是否正确
- Ubuntu 安装 JDK8 的两种方法(总结)
- Java经典排序算法之二分插入排序详解
- 用DataReader还是DataSet?
- 基于C#生成条形码操作知识汇总附源码下载
- C#实现Excel动态生成PivotTable
- C#实现控制摄像头的类
其他
- python tkinter 实现表格
- 动易cms vote.asp sql注入
- php 微信公众号 回复 乱码
- python pdf转html
- golang 信号量 超时
- 前端封装的json数据,后端接收是
- JS 判断图片的主颜色
- heidisql怎么导入数据库
- 使用docker搭建kafka
- asp.netcore没有智能提示
- java mybatis 取得时间设置时区
- python 读取cs 文件
- 接口是char* 传string 可以吗
- 数据库表字段datetime长度为0
- folium 空地图
- jupyter notebook无法保存完整图片
- uniapp popup message内容太长
- golang sso单点登录
- 返回tensor全部最大值的索引
- vue echart CDN引入