文档章节

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
使用jq的toggle函数实现全选功能遇到的问题

今天做网站后台管理的时候,要实现一个单选全选的功能,很简单的功能,不过,遇到了一个很诡异的问题,写出来跟大家分享下。 功能就不赘述了,大家都懂,最初打算使用jq的toggle函数来绑定两...

保护单身狗协会理事
2013/11/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Java并发编程:volatile关键字解析

volatile这个关键字可能很多朋友都听说过,或许也都用过。在Java 5之前,它是一个备受争议的关键字,因为在程序中使用它往往会导致出人意料的结果。在Java 5之后,volatile关键字才得以重获生...

engeue
14分钟前
0
0
通过ajax访问远程天气预报服务

http://www.webxml.com.cn/zh_cn/index.aspx 更改wsdl文件 打开文件将15行,51行,101行去掉 然后把文件复制到c盘 然后在桌面上面就生成了文件 将文件打成jar包 package cn.it.ws.weather;...

江戸川
今天
1
0
聊聊storm的tickTuple

序 本文主要研究一下storm的tickTuple 实例 TickWordCountBolt public class TickWordCountBolt extends BaseBasicBolt { private static final Logger LOGGER = LoggerFactory.getLogg......

go4it
今天
1
0
自动装箱和自动拆箱

自动装箱和自动拆箱 Java 提供了 8 种基本数据类型,每种数据类型都有其对应的包装类型,包装类是面向对象的类,是一种高级的数据类型,可以进行一些比较复杂的操作,它们是引用类型而不再基...

tsmyk0715
今天
2
0
简易审计系统

1、有时候我们需要对线上用户的操作进行记录,可以进行追踪,出现问题追究责任,但是linux自带的history并不会实时的记录(仅仅在内存中,当用户正常退出(exit logout )时才会记录到history文件里...

芬野de博客
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部