修改或擴展jQuery原生方法的代碼實例

來源：懂視網責編：小采時間：2020-11-27 21:31:49

修改或擴展jQuery原生方法的代碼實例

修改或擴展jQuery原生方法的代碼實例:這篇文章主要介紹了修改或擴展jQuery原生方法的代碼實例,本文用一個擴展jquery原生方法val的例子,講解了如何對jquery原生方法修改或擴展,需要的朋友可以參考下修改或者擴展jQuery的方法代碼實例:毫無疑問，jQuery是一款功能強大且使用方便的類庫。從它的廣泛

推薦度：

點擊下載本文 文檔為doc格式

導讀修改或擴展jQuery原生方法的代碼實例:這篇文章主要介紹了修改或擴展jQuery原生方法的代碼實例,本文用一個擴展jquery原生方法val的例子,講解了如何對jquery原生方法修改或擴展,需要的朋友可以參考下修改或者擴展jQuery的方法代碼實例:毫無疑問，jQuery是一款功能強大且使用方便的類庫。從它的廣泛

這篇文章主要介紹了修改或擴展jQuery原生方法的代碼實例,本文用一個擴展jquery原生方法val的例子,講解了如何對jquery原生方法修改或擴展,需要的朋友可以參考下

修改或者擴展jQuery的方法代碼實例:

毫無疑問，jQuery是一款功能強大且使用方便的類庫。

從它的廣泛應用可以證實上面的觀點，但是正所謂人無完人，金無足赤，jQuery也是如此，并非在任何時候或者場合都能夠完美的完成我們的任務，所以有事以后就需要對jQuery原有的方法進行擴展修改，但是最好方法仍然具有原來的功能。

代碼實例:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>Gxl網</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$.prototype.val = function (base) {
 return function () {
 var s = this;
 var a = "data-property";
 var p = s.attr(a);
 var isset = arguments.length > 0;
 var v = isset ? arguments[0] : null;
 
 if (isset&&typeof(base)=="function") { 
 base.call(s, v); 
 } 
 else { 
 v = base.call(s); 
 }
 if (p) {
 if (isset) { 
 s.attr(p, v); 
 return s 
 }
 else { 
 return s.attr(p) 
 }
 }
 else {
 if (!s.is(":input")){ 
 if (isset) { 
 s.text(v); return s; 
 } 
 else { 
 return s.text(); 
 } 
 }
 else { 
 return isset ? s : v; 
 }
 }
 }
}($.prototype.val);
$(document).ready(function(){
 $("#show").html($("#lbl").val()+"<br>"+$("#txt").val());
})
</script>
</head>
<body>
<span id="lbl">Gxl網</span> 
<input type="text" id="txt" value="softwhy.com" />
<input type="checkbox" value="antzone" />
<p id="show"></p>
</body>
</html>

上面的代碼毫無疑問是對jQuery的val()方法做的擴展，下面介紹一下它的實現過程。

代碼注釋:

1、$.prototype.val = function (base) {}(($.prototype.val),修改jQuery原來的val()方法，這里采用閉包的方式，傳遞的參數是原來的val()方法，以保持原來val()方法的功能。

2、return function (){}，返回一個函數對象。

3、var s = this，將this的指向引用賦值給變量s，這里的this是指向jQuery對象實例的。

4、var a = "data-property"，聲明一個變量并賦值，關于它的更多內容面會介紹。

5、var p = s.attr(a)，其實data-property就是標簽上的一個自定義屬性，那么這段代碼就是獲取此屬性值。

6、var isset = arguments.length > 0，判斷修改后的val()方法是否傳遞了參數。

7、var v = isset ? arguments[0] : null，如果傳遞參數，那么久獲取第一個參數，其他的忽略。

8、if (isset&&typeof(base)=="function") { base.call(s, v);}，如果傳遞了參數，且base參數是一個函數，那么就調用base函數設置元素

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com