jQuery繼承extend用法詳解


/直接基於jQuery的擴展,判斷是否為空
$.isBlank = function (obj){
   return ( typeof (obj)== 'undefined' ||obj== '' ||obj== null );
  }
//直接基於jQuery的擴展,去除html標簽,保留內容
  $.htmlContent = function (tag){
   var reTag = /<(?:.|\s)*?>/g;
   return tag.replace(reTag, "" );
  }
//直接基於jQuery的擴展(方式二)
$.xy = {
sayhello: function (){ return "hello" ;},
saybaybay: function (){ return "baybay" ;}
};
//jQuery類級別的擴展
$.extend({
add: function (a,b){ return a+b;},
diff: function (a,b){ return a-b}
});
//jQuery對象級別的擴展
$.fn.extend({
  getvalue: function (){
  return this .val();
   }
  });
 
html代碼
< body >
  < script type = "text/javascript" >
   document.write("判斷是否為空:"+$.isBlank(null));
  </ script >
  < span class = "myspan" ></ span >
  < script type = "text/javascript" >
   document.write("過濾html標簽:"+$.htmlContent("< html >< body >< a id = 'a1' >a標簽</ a >< div style = 'width:100%' >div標簽</ div >內容</ body ></ html >")+"< br />");
   document.write("擴展自jQuery類的xy的sayhello方法:"+ $.xy.sayhello()+"</ br >");
   document.write("擴展自jQuery類的xy的sayhello方法:"+ $.xy.saybaybay()+"</ br >");
   document.write("基於jQuery類的add法:"+ $.add(3,5)+"</ br >");
   document.write("基於jQuery類的diff法:"+ $.diff(5,3)+"</ br >");
   document.write("基於自jQuery類對象的擴展getvalue():"+$("< input type = 'text' value = 'str' />").getvalue()+"< br />");
  </ script >
  </ body >


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM