1. 程式人生 > >js外掛之$.extend()、$.fn和$.fn.extend()區別

js外掛之$.extend()、$.fn和$.fn.extend()區別


為開發外掛提拱了兩個方法,

.fn.extend();

.extend();

 jQuery.fn = jQuery.prototype;

$(“#btn1″) 會生成一個 jQuery類的例項,即可以直接呼叫jQuery.prototype裡面的方法。

對於jQuery.extend:

1、jquery.extend(obj):為jQuery類新增類方法,可以理解為新增靜態方法

如:

jQuery.extend({
min: function(a, b) { return a < b ? a : b; },
max: function(a, b) { return a > b ? a : b; }
});
jQuery.min(2,3); //  2 
jQuery.max(4,5); //  5
2、jquery.extend( target, object1,[objectN]):用一個或多個其他物件來擴充套件一個物件,返回被擴充套件的物件
var settings = { validate: false, limit: 5, name: "foo" }; 
var options = { validate: true, name: "bar" }; 
jQuery.extend(settings, options); 
結果:settings == { validate: true, limit: 5, name: "bar" }

對於jQuery.fn.extend:對jQuery.prototype進得擴充套件,就是為jQuery類新增“成員函式”。jQuery類的例項可以使用這個“成員函式”。拓展一個物件到jQuery的 prototype裡去,這樣的話就是外掛機制了

$.fn.extend({          
    alertWhileClick:function() {            
          $(this).click(function(){                 
                 alert($(this).val());           
           });           
     }       
});       
$("#input1").alertWhileClick(); 


相關推薦

js外掛$.extend()$.fn$.fn.extend()區別

為開發外掛提拱了兩個方法, .fn.extend(); .extend();  jQuery.fn = jQuery.prototype; $(“#btn1″) 會生成一個 jQuery類的例項,

jQuery外掛開發jQuery.extend(object)jQuery.fn.extend()

jQuery外掛開發分為2種 1、類級別 類級別你可以理解為拓展jquery類,最明顯的例子是$.ajax(...),相當於靜態方法。 開發擴充套件其方法時使用$.extend方法,即jQuery.extend(object);  程式碼如下: $.extend({ add:func

JS調用函數時候加括號與只寫函數名字的區別 fnfn()的區別

log char script ack 聲明 例如 調用 load doc 經常見插件裏面函數調用的時候只寫個函數名字,不寫函數參數,甚至連括號也不寫,比如說: 1 <!DOCTYPE html> 2 <html> 3 <hea

理解jquery的$.extend()$.fn$.fn.extend()

ffi 通過 obj index author com div bar comm 理解jquery的$.extend()、$.fn和$.fn.extend() 前端博客?前端開發代碼?jQuery?115310View1 文章目錄 jQuery.fn jQue

jQuery中$.fn的用法示例介紹,理解$.extend()$.fn$.fn.extend()

原文連結:http://caibaojian.com/jquery-extend-and-jquery-fn-extend.html為開發外掛提拱了兩個方法,分別是: .fn.extend(); jQuery.extend();· jQuery.fn jQuery.fn =

js中的typeofinstanceof===

nbsp blog brush 對象 類型 strong 基本 ole null typeof:   用於判斷number/string/boolean/underfined類型/function   不能判斷:null和object ,不能區分object和Array

利用js-xlsx.js外掛實現Excel檔案匯入並解析Excel資料成json資料格式

<!--本文轉載於網路,有太多一樣的文章,不知道原作者是哪位了,就不註明出處了。這裡記載下來,用於自己的學習借鑑--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

非常漂亮的JS外掛--------scrollReveal.js – 頁面滾動顯示動畫JS(轉)

scrollReveal.js – 頁面滾動顯示動畫JS 簡介 和 WOW.js 一樣,scrollReveal.js 也是一款頁面滾動顯示動畫的 JavaScript,能讓頁面更加有趣,更吸引使用者眼球。不同的是 WOW.js 的動畫只播放一次,而 scrollReve

序列化表單js外掛

$.fn是指jquery的名稱空間,加上fn上的方法及屬性,會對jquery例項每一個有效。(實際就是使用了prototype,詳細可檢視jquery.js程式碼)  如擴充套件$.fn.abc()  那麼你可以這樣子:$("#div").abc(); $.fn.seria

eclipse安裝spket的js外掛(最新版本),親測可用

Spket IDE是目前支援Ext 2.0最為出色的IDE。 它採用.jsb project file 檔案並將繼承於基類和所有文件的內容嵌入到生成程式碼提示的Script doc中。 由於Spket只是一個單純的編輯器,沒有其它格式的支援(如CSS),所以我的做法是用它的Eclipse

ScrollReveal-元素隨頁面滾動產生動畫的js外掛

簡介 和 WOW.js 一樣,scrollReveal.js 也是一款頁面滾動顯示動畫的 JavaScript,能讓頁面更加有趣,更吸引使用者眼球。不同的是 WOW.js 的動畫只播放一次,而 scrollReveal.js 的動畫可以播放一次或無限次;WOW.js 依賴 animate.css,而 scr

10分鐘快速精通rollup.js——前置學習rollup.js外掛

前言 本文是《10分鐘快速精通rollup.js——Vue.js原始碼打包過程深度分析》的前置學習教程,講解的知識點以理解Vue.js打包原始碼為目標,不會做過多地展開。教程將保持rollup.js系列教程的一貫風格,大部分知識點都將提供可執行的程式碼案例和實際執行的結果,讓大家通過教程就可以看到實現效果,

Vue.js 外掛

外掛 外掛通常會為 Vue 新增全域性功能。外掛的範圍沒有限制——一般有下面幾種: 新增全域性方法或者屬性,如: vue-custom-element 新增全域性資源:指令/過濾器/過渡等,如 vue-touch 通過全域性 mixin 方法新

easyui快捷鍵實現增刪改(jquery.hotkeys.js外掛)

第一步:下載 jquery.hotkeys.js外掛  http://plugins.jquery.com/hotkeys/ 第二步:js引入 <!-- jquery的按鍵擴充套件支援 --> <script type="text/jav

【常用 JS 外掛】01 jQuery Validation 表單驗證外掛

表單驗證框架 jQuery Validation 前端表單驗證框架 頁面引用 <!-- jQuery Validation 1.14.0 --> <script src="/static/assets/plugins/jquery-valida

js外掛的安全問題

js外掛的安全問題 01 說明 js的第三方是不安全的,無論是npm引入還是傳統引入,本文將通過一個例子,來說明不得隨意引入第三方js。 02 引入js 我們有一個場景,需要一個計算的js,於是我們引入了下面,程式碼math.js: (function () {

前端繪製流程圖--流程圖JS外掛:dagre-d3

後臺返回的資料為WEBSOCKET實時推送 ,每推送一條資料來,自動生成一個分支和資料塊,一個子可能會對應多個父。 每個綠色方塊點選 出現對應的灰色方塊 效果圖如下:   html如下 <!doctype html> <head>

JS求最大子序列的

這是一道筆試題,給定一個數組,求出這個陣列中最大連續子序列的和。例如:在陣列[-2, 6, -1, 5, 4, -7, 2, 3]中,和最大的子序列是[6, -1, 5, 4],它們的和是14。

select2.js外掛支援拼音搜尋(最新版-4.0.6)

通過兩天的研究,學會使用select2.js,並且修改了select2.js的原始碼,實現拼音搜尋的功能(pinyin.js連結,將中文轉換成拼音),下面主要講解如何實現拼音搜尋功能: 1.從https://select2.org/官網上下載最新的select2.js,學習

轉:通過tableExport.js外掛來實現匯出Excel/Pdf/txt/json等

Jquery tableExcel.js下載地址:https://github.com/kayalshri/tableExport.jquery.plugin   tableExport.jquery.plugin 匯出的格式可以是:如下 JSON XML PNG CSV TXT SQL