文档章节

JQ 自定义函数总结

Andy_JC
 Andy_JC
发布于 2015/12/09 20:32
字数 245
阅读 70
收藏 0

看到几种JQ函数的定义方法 ,小记一下


方法 一 :

定义多个方法,将方法统一放到一个对象里,以传递一个字符串为例

 

//方法定义 
$.func = {
     //定义一个方法aa 
     aa: function(param) {
         alert( "aaaaaa"  + param);
     },
     //定义一个方法bb 
     bb: function() {
         alert( "bb" );
     }
}
$.func.aa( '123' );  //调用$.func里的aa方法



定义单个方法,ajax异步提交可以如下封装:

$.ajaxPost = function(url, data, callback) {
     $.post(url, data, callback,  "json" );
};

$.ajaxPost('/post/ajaxUrl',{},function(data){});



方法  二:

定义变量的形式自定义函数,以传递一个对象做为参数为例:


var test = function(x) {
     //弹出对象 x 里的 a 变量和 b 变量 
     alert(x.a +  " 对象传参 "  + x.b);
}
$.func = test;
//传递一个对象
$.func({a:  "111" ,b:  "222" });

//  方法 三 :

以拓展的方式添加函数:

$.extend({
     setHtml: function() {
         $( "#test" ).html( '2222222222' );
     },
     setClick:function(param){
       alert( 'test' +param);
     }
});
$(function() {
     $.setHtml();
     $.setClick( '123' );
});


// 方法四:

选择器传递方式:

$.fn.setHtml=function () { 
     $( this ).html( '22222222222' );
$(function() {
     $( "#test" ).setHtml(); 
});











© 著作权归作者所有

共有 人打赏支持
Andy_JC
粉丝 1
博文 2
码字总数 245
作品 0
合肥
jq的优缺点总结

第一部分 jq的优势: 1.出色的浏览器兼容性 2、出色的DOM操作的封装,使他具备强大的选择器,可以进行快速的DOM元素操作 3、可靠的事件处理机制、jq在处理事件绑定的时候是相当的可靠 4、完善...

oQo先生
2017/04/12
0
0
jq的优缺点总结

第一部分 jq的优势: 1.出色的浏览器兼容性 2、出色的DOM操作的封装,使他具备强大的选择器,可以进行快速的DOM元素操作 3、可靠的事件处理机制、jq在处理事件绑定的时候是相当的可靠 4、完善...

oQo先生
2017/04/13
0
0
Vue 折腾记 - (6) 写一个不大靠谱的backToTop组件

前言 返回顶部这个功能用jq实现,好容易实现,一个配合就搞定了 今天我们来试试封装一个原生js实现的返回顶部; 写起来够呛,借助,看了别人的,稍微封装了下; 当然不是用直接调位那种,没有过渡效果...

CRPER
2017/07/24
0
0
Jquery基础教程

1. jQuery概述 - jQuery是一个优秀的JavaScript框架 - 主要提供如下功能   - 访问页面框架的局部   - 修改页面的表现   - 更改页面的内容   - 响应事件   - 为页面添加动画   - 与服务...

王二狗子11
01/01
0
0
minggeJS 1.9.5 更新,MingGeJS决战JQ有图有真相

先介绍一下Mingge1.9.5的更新概况 1:继续加强 创建节点 接口,新增多类型数据传入 。 2:新增 prepend appendTo prependTo before after ,完全和JQ一一模一样,,而且带事件克隆效果,这些...

明哥先生
2016/02/25
2.1K
23

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Minifilter的动态安装、加载及卸载

MINIFILTER框架的文件系统过滤驱动,无法使用的CreateService和OpenService进行动态加载。 看了一下,使用Inf文件安装Minifilter驱动的方式是在注册表驱动服务项下比传统驱动多创建了Instanc...

simpower
12分钟前
0
0
idea新建springCloud项目(6)- Config Server使用

1.在IDEA新建springCloud项目-Config Server 修改版本,和之前建的eureka项目版本一致,修改完记得刷新: 删除掉不需要的文件: 2.把Config S 服务注册到eureka上去,配置git地址,启动项目 ...

monroeCode
17分钟前
3
0
大数据可视化项目开发总纲

第1章 开发文档总纲 1.1 开发工具清单 名称 版本 备注 Pentaho-bi server pentaho-server-ce-7.1 Pentaho Cde为其内置工具 Pentaho-prd pentaho-prd-ce-7.1 Pentaho Report Designer报表工具...

ZhangLG
18分钟前
1
0
pip安装超时问题

pip3 install --default-timeout=100 tensorflow 设置为100秒 参考: User Guide How to solve ReadTimeoutError: HTTPSConnectionPool(host='pypi.python.org', port=443) with pip?......

亚林瓜子
19分钟前
0
0
fragment 旋转时保持当前实例

设备旋转时保存Fragment的交互状态: setRetainInstance(true);

zdglf
22分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部