Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >jquery 自定义函数方法

jquery 自定义函数方法

作者头像
traffic
发布于 2020-04-09 04:10:52
发布于 2020-04-09 04:10:52
1.5K00
代码可运行
举报
文章被收录于专栏:大龄码农大龄码农
运行总次数:0
代码可运行

总结:

* jQuery中添加自定义或函数方法1,如 $.fn.extend({'aa':function(){}}) 或 jQuery.fn.aa=function(){}, 这种调用时就得这样,$("#**").aa()

*jQuery中添加自定义或函数方法2,如$.extend({'aa':function(){}}),这种调用时就是这样$.aa()

* jQuery中添加自定义或函数方法3,(只是在前2种方法的基础上添加了参数处理,严格来说不算一种jQuery 自定义方法)如:   $.myFuncThree("www.baidu.com",'hello',myFuncThreeCB);

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body >
         <input type="button" value="按钮" id="myBtn"  >
    </body>
    <script src="js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function(){
     
        })
        /**
         * jQuery中添加自定义或函数方法1,如$.fn.extend({'aa':function(){}})或jQuery.fn.aa=function(){},这种调用时就得这样,$("#**").aa()
         */
        jQuery.fn.myFuncOne=function(){
            alert("我的自定义jquery方法1");
        }
        jQuery.fn.extend({
            'myFuncFour':function(){
                alert("我的自定义jquery方法4");
            }
        })
        /**
         * jQuery中添加自定义或函数方法2,如$.extend({'aa':function(){}}),这种调用时就是这样$.aa()
         */
        jQuery.extend({
            'myFuncTwo':function(){
                alert("我的自定义jquery方法2");
            }
        })
        /**
         * jQuery中添加自定义或函数方法3,如 $.myFuncThree('/post/getsecurejsonpost',{}, function(data) {});
         */
        $.myFuncThree = function(url, data, successCB){
            alert("我的自定义jquery方法3,参数:"+url);
             if(successCB){//回调
                successCB(url);
             }else{
                alert("没有回调");
             }
        }
         
        function myFuncThreeCB(url){
            alert("myFuncThreeCB+"+url)
        }
         
        /*
         * 测试按钮
         */
        $("#myBtn").click(function(){
            $("#myBtn").myFuncOne();
            $("#myBtn").myFuncFour();
            $().myFuncTwo();
            $.myFuncThree("www.baidu.com",'hello',myFuncThreeCB);
            $.myFuncThree("www.baidu.com",'hello');
        })
    </script>
</html>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
十三、jQuery过时的今天,你还会使用它吗
我至今还记得当初从jQuery源码中学到一星半点应用技巧的时候常会有一种发自内心的惊叹,“原来JavaScript居然可以这样用!”
用户6901603
2020/07/27
1.5K0
十三、jQuery过时的今天,你还会使用它吗
Jquery开发插件的方法
Jquery未开发插件提供了两个方法: (1)Jquery.extend(object)    -为Jquery类本身添加新的方法;代码如下: $.extend({ add:function(a,b){ return a+b; } }); 调用方法:$.add(3,4) - $=Jquery 为jquery类添加了名为add的一个静态方法,之后便可以在引入jquery的地方,使用这个方法了,$.add(3,4); (2)Jquery.fn.extend(object) $.fn相当于Jque
郑小超.
2018/01/24
8610
jQuery插件开发学习笔记
  今天想了解一下jQuery的插件开发,于是google了一下,列在前面的两篇文章都很不错,jQuery插件开发全解析 更是将插件开发的方方面面细致入微的进行了讲解,并提供了PDF进行下载。笔者今天详细的阅读了这篇文章并记录了一些笔记。
拓荒者IT
2019/09/25
5480
jQuery插件开发全解析
jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。 1、类级别的插件开发 类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数,将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展
前朝楚水
2018/04/02
1.2K0
jquery 插件的3种写法
1.使用这种方式先要初始化 $.yazuo={},$.yazuo.oa={}, (如何初始化:新建 url.jsp <%@ page language="java" contentType="text/javascript; charset=utf-8" pageEncoding="utf-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ taglib uri="http://java.sun.com/j
py3study
2020/01/14
5630
使用jquery-easyui写的CRUD插件(1)
写插件先看看jqeury的插件如何写,先了解一下如何写插件的代码。 jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。 1、类级别的插件开发 1.1 添加一个新的全局函数 添加一个全局函数,我们只需如下定义: jQuery.foo = function() { alert(
cloudskyme
2018/03/19
1K0
使用jquery-easyui写的CRUD插件(1)
jQuery源码解析之clone()
前言:这篇讲完后,jQuery的文档处理就告一段落了,有空我把这部分整合下,发一篇文章目录。
进击的小进进
2022/03/28
2.8K0
jQuery源码解析之clone()
jQuery源码浅析
如果说php是世界上最好的语言,那么javascript无疑可以称为世界上最飘逸的语言,最近看了下jQuery的源码,实现了一个简陋的jQuery。我觉得要看懂jQuery整体结构,需要搞懂js作用域链,闭包,js prototype继承,关于闭包网络上的定义实在太多了,这里参照了js权威指南里的定义,感觉从js的角度好理解一点。
用户3094376
2018/09/12
1K0
jQuery插件编写步骤详解
本文实例讲述了jQuery插件编写步骤。分享给大家供大家参考,具体如下: 如今做web开发,jquery 几乎是必不可少的,就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了。至于使用jquery好处这里就不再赘述了,用过的都知道。今天我们来讨论下jquery的插件机制,jquery有着成千上万的第 三方插件,有时我们写好了一个独立的功能,也想将其与jquery结合起来,可以用jquery链式调用,这就要扩展jquery,写成插件形式了,如下 面就是一个简单扩展Jquery对象的dem
前朝楚水
2018/04/03
1.6K0
javascript-继承之jquery
jquery 截止到当前已经 3.3.1 版本了,如今随着各种浏览器的盛行,前端的框架层出不穷,jquery 独步天下,老夫写代码只用 jquery,拿起代码就是干的辉煌时代已经过去了。
chuchur
2022/10/25
1.2K0
javascript-继承之jquery
jQuery源码研究:jQuery对象及原型上的extend()方法
现在看到jQuery的227行,本篇读jQ的继承方法jQuery.extend()。
前端_AWhile
2019/08/29
1.1K0
jQuery源码解析之$.queue()、$.dequeue()和jQuery.Callbacks()
前言: queue()方法和dequeue()方法是为 jQuery 的动画服务的,目的是为了允许一系列动画函数被异步调用,但不会阻塞程序。
进击的小进进
2019/09/05
1K0
jQuery源码解析之$.queue()、$.dequeue()和jQuery.Callbacks()
JavaScript学习总结(五)——jQuery插件开发与发布
jQuery插件就是以jQuery库为基础衍生出来的库,jQuery插件的好处是封装功能,提高了代码的复用性,加快了开发速度,现在网络上开源的jQuery插件非常多,随着版本的不停迭代越来越稳定好用,
张果
2018/01/04
3K0
JavaScript学习总结(五)——jQuery插件开发与发布
理解jquery的$.extend & $.fn.extend用法
jQuery为开发插件提拱了两个方法,分别是: 1、jQuery.fn.extend(); //dom方法 2、jQuery.extend(); // 工具方法 ---- jQuery.fn jQuery.fn = jQuery.prototype = { init: function( selector, context ) { //…. //…… }; } 原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌
连胜
2018/03/07
1.5K0
jquery的扩展方法介绍
  最近一直在写js,这其中也少不了一位js的主角了jQuery,下面介绍的是jQuery的一些扩展,也就是jQuery的扩展方法,jQuery的扩展方法有两种方式,一种是jQuery本身的扩展方法,另一种是jQuery所选对象的扩展方法,下面一起来看。 一、方式列表:   1.jQuery.extend(Object);   // jQuery 本身的扩展方法   2.jQuery.fn.extent(Object);  // jQuery 所选对象扩展方法 二、调用示例:   1.jQuery 本身的扩
磊哥
2018/05/08
1.3K0
jQuery中$.fn的用法
在jQuery插件中,常常看见这样的结构,开始自己也是不理解后来通过查阅资料,慢慢的理解其中的大意,所以先总结出来。
用户1349575
2022/03/18
1.7K0
E026Web学习笔记-JQuery(四):动画、遍历、事件、插件
訾博ZiBo
2025/01/06
1330
E026Web学习笔记-JQuery(四):动画、遍历、事件、插件
jQuery
jQuery本质上就是一个外部的js文件(jQuery.js),该文件中封装了很多js代码,实现了很多功能。并且jQuery有非常丰富的插件,大多数功能都有相应的插件解决方案。jQuery的宗旨是write less, do more。 (写的更少,做的更多)。
宋先生
2019/07/18
4.8K0
jquery学习
<1> jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team。
菲宇
2019/06/13
2.4K0
自写JQ控件-树状菜单控件[demo下载]
一个多月没有写博客了,最近也弄一个基于JQ的树状菜单控件,在此分享给大家。另外呢,通过这个例子分享一下怎么写JQ控件的。
全栈程序员站长
2021/04/07
2K0
相关推荐
十三、jQuery过时的今天,你还会使用它吗
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档