本篇文章為大家總結了一些jQuery $.extend()用法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。
相關推薦:《jQuery影片》
JQuery開發外掛程式的兩個方法
1、jQuery.extend(object);為擴充jQuery類別本身.為類別新增新的方法。
2、jQuery.fn.extend(object);為jQuery物件新增方法。
jQuery.fn
jQuery.fn = jQuery.prototype = { init: function(selector, context) { //内容 } }
jQuery.fn = jQuery.prototype。 O(∩_∩)O哈哈~,對這個prototype(原型)不陌生了吧! !
雖然 JavaScript 沒有明確的類別的概念,但用類別來理解它,會更方便。 jQuery便是一個封裝得非常好的類,例如我們用 語句$("#p1")會產生一個 jQuery類的實例。
jQuery.extend(object)
為jQuery類別新增類別方法,可以理解為添加靜態方法。
栗子①
jQuery.extend({ min: function(a, b) { return a b ? a : b; } }); jQuery.min(2, 3); // 2 jQuery.max(4, 5); // 5
jQuery.fn.extend(object);
# 就是為jQuery類別新增「成員函數」。 jQuery類別的實例才可以呼叫這個「成員函數」。
栗子②
例如我們要開發一個插件,做一個特殊的編輯框,當它被點擊時,便alert 目前編輯框裡的內容。可以這麼做:
$.fn.extend({ alertWhileClick: function() { $(this).click(function() { alert($(this).val()); }); } }); //$("#input1")是jQuery的实例,调用这个扩展方法 $("#input1").alertWhileClick();
jQuery.extend() 的呼叫並不會把方法擴展到物件的實例上,引用它的方法也需要透過jQuery類別來實現,如jQuery.init()
jQuery.fn.extend()的呼叫把方法擴展到了物件的prototype上,所以實例化一個jQuery物件的時候,它就具有了這些方法,在jQuery.JS中到處體現這一點
jQuery.fn.extend = jQuery.prototype.extend
你可以拓展一個物件到jQuery的prototype裡去,這樣的話就是外掛機制了。
栗子③
(function($) { $.fn.tooltip = function(options) {}; //等价于 var tooltip = { function(options) {} }; $.fn.extend(tooltip) = $.prototype.extend(tooltip) = $.fn.tooltip })(jQuery);
更多程式相關知識,請造訪:程式設計影片課程! !
以上是淺談jQuery中$.extend()的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

实现方法:1、用“$("img").delay(毫秒数).fadeOut()”语句,delay()设置延迟秒数;2、用“setTimeout(function(){ $("img").hide(); },毫秒值);”语句,通过定时器来延迟。

区别:1、axios是一个异步请求框架,用于封装底层的XMLHttpRequest,而jquery是一个JavaScript库,只是顺便封装了dom操作;2、axios是基于承诺对象的,可以用承诺对象中的方法,而jquery不基于承诺对象。

修改方法:1、用css()设置新样式,语法“$(元素).css("min-height","新值")”;2、用attr(),通过设置style属性来添加新样式,语法“$(元素).attr("style","min-height:新值")”。

增加元素的方法:1、用append(),语法“$("body").append(新元素)”,可向body内部的末尾处增加元素;2、用prepend(),语法“$("body").prepend(新元素)”,可向body内部的开始处增加元素。

删除方法:1、用empty(),语法“$("div").empty();”,可删除所有子节点和内容;2、用children()和remove(),语法“$("div").children().remove();”,只删除子元素,不删除内容。

在jquery中,apply()方法用于改变this指向,使用另一个对象替换当前对象,是应用某一对象的一个方法,语法为“apply(thisobj,[argarray])”;参数argarray表示的是以数组的形式进行传递。

on()方法有4个参数:1、第一个参数不可省略,规定要从被选元素添加的一个或多个事件或命名空间;2、第二个参数可省略,规定元素的事件处理程序;3、第三个参数可省略,规定传递到函数的额外数据;4、第四个参数可省略,规定当事件发生时运行的函数。

去掉方法:1、用“$(selector).removeAttr("readonly")”语句删除readonly属性;2、用“$(selector).attr("readonly",false)”将readonly属性的值设置为false。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

SublimeText3 Linux新版
SublimeText3 Linux最新版

SublimeText3漢化版
中文版,非常好用

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)