1. 程式人生 > >jquery 自定義函式方法

jquery 自定義函式方法

總結:

* 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);

<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>

相關推薦

jquery 定義函式方法

總結:* jQuery中新增自定義或函式方法1,如 $.fn.extend({'aa':function(){}}) 或 jQuery.fn.aa=function(){}, 這種呼叫時就得這樣,$("#**").aa()*jQuery中新增自定義或函式方法2,如$.exte

jquery定義函式方法

方法一: jQuery.fn.setApDiv=function () { //apDiv浮動層顯示位置居中控制 var wheight=$(window).height(); var wwidth=$(window).

jquery定義函式的多種方法

一、傳引數 var aa = function(x){ //彈出物件 x 裡的 aa 變數和 bb 變數 alert(x.aa + " 我成功啦 " + x.bb); } $.windowbox = aa; $.windowbox({ aa: "哈哈",

jquery定義函式

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

jQuery定義動畫函式animate() easing: "easeInOutCirc"導致的animate()動畫抖動問題解決方法

easing的引數就是動畫效果擴充套件的方法名稱 由於使用easing: "easeInOutCirc"導致的animate()動畫抖動只需要將easing: "easeInOutCirc"換成easing: "easeInOutQuad"即可 Easing js提供多種

jQuery 定義方法(擴展方法)

opacity () xtend clas eight bsp back hello 定義 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

JQuery Validate插件如何定義驗證方法(結合ajax實現數據庫的查重)

JQuery概述 本文介紹Validate自定義表單校驗方式。Validate插件雖然提供了豐富的驗證規則,但在很多時候仍然很難滿足我們的開發需求,在註冊頁面我們需要通過ajax驗證用戶輸入的用戶名是否已經被他人註冊,那此時通過傳統的Validate驗證方式已經無法滿足需求了! 我們可以通過自

scala使用一個需傳入定義函式方法操作攻略

個人感覺學習scala的難道在於匿名函式的是使用,比如拿到一個需要傳入自定義的函式的方式時,老拎不清如何寫自定義函式,先將自己的學習心得分享如下: 舉例說明: 對sparkStreaming Dstream中的資料進行處理:1.使用foreachRdd函式得到rdd, 2.使用rdd的for

jquery validate 定義驗證方法 addMethod

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

Mysql定義函式報錯解決方法

1、在MySql中建立自定義函式報錯資訊如下: ERROR 1418 (HY000): This function has none of DETERMINISTIC, NO SQL, or READS SQL DATA in its declaration and binary loggi

Jquery Validate 預設校驗規則、jQuery.validator.addMethod定義驗證方法---例子

  一、Jquery Validate 預設校驗規則 (1)、required:true 必輸欄位 (2)、remote:"remote-valid.jsp" 使用ajax方法呼叫remote-valid.jsp驗證輸入值 (3)、email:tru

jQuery 定義網頁滾動條樣式外掛 mCustomScrollbar 的介紹和使用方法

系統預設的滾動條樣式,真的已經看的夠噁心了。試想一下,如果在一個很有特色和創意的網頁中,出現了一根系統中預設的滾動條樣式,會有多麼的彆扭。 為了自己定義網頁中的滾動條的方法,我真的已經找了很久了,就目前尋找的成果來說,找到了兩個比較不錯的 jQuery 外掛:jScrollPane 和 mCustomSc

jQuery.validator.addMethod 定義驗證方法

1.$.validator.addMethod 方法自定義驗證介紹 該方法可用於我們平時給<input type=" "> 指定type時使用,目的就是可以讓我們自己定義想要驗證的方法,好玩性很高,可以自定義一些通用的驗證,比如手機號碼、身份證等。 2.介紹引數和用法 方法:$.valida

ThinkPHP3.2.2中定義函式的一些方法

thinkphp中自定義函式的使用方法: 一、將函式放置於系統目錄:ThinkPHP/Common/function.php 下,可直接呼叫; 二、將自定義函式旋轉於系統目錄擴充套件函式檔案:ThinkPHP/Common/extend.php下,呼叫時需要

JSP第四篇【EL表示式介紹、獲取各類資料、11個內建物件、執行運算、回顯資料、定義函式、fn方法庫】

什麼是EL表示式? 表示式語言(Expression Language,EL),EL表示式是用”${}”括起來的指令碼,用來更方便的讀取物件! EL表示式主要用來讀取資料,進行內容的顯示!

【正確方法,流程註解清晰】MySQL定義函式生成隨機身份證號碼

有需要用MySQL生成隨機身份證號碼,沒有在網上搜到,於是自己寫了下。年前寫了一部分,年後營養豐富後在曠工一天後活力滿滿,一鼓作氣的寫成了。其中完全按照【身份證演算法】實現,也將實現步驟拆成了獨立的函式,清晰的解釋了方法功能,對步驟進行了一定講解,但是還有可以優化的地方,這就

JQUERY定義動畫函式

自定義動畫函式包括了所有動畫效果的高階應用和高階技巧。 .animate()    執行自定義的動畫效果。  返回jQuery .stop()      停止匹配元素當前正在執行的動畫效果。 返回jQuery jQuery.fx.off   取消全部動畫效果  Boole

jquery validate.addMethod 正則表示式 (定義驗證方法)

  專案中使用的jQuery新增的校驗的方法 $(document).ready(function(){         5           6/* 設定預設屬性 */         7$.validator.setDefaults({         8    

jquery.validate 定義驗證方法提交問題

需要引入jquery.form.js 自定義方法: // 匹配english jQuery.validator.addMethod(“isEnglish”, function(value, element) { return th

jQuery validate 動態修改定義驗證方法的提示訊息

    有時後提示資訊要在執行了驗證方法的回撥之後才能確定該顯示什麼樣的資訊,這個時候用如下方法就不能達到要求:          $.addMethod('customFun',function(value, element, param){ console.l