快捷導(dǎo)航

jQuery繼承extend用法詳解

更新時(shí)間：2016年10月10日 14:28:08 作者：zz_cl

這篇文章主要為大家詳細(xì)介紹了jQuery繼承extend用法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家jQuery繼承extend用法，供大家參考，具體內(nèi)容如下

js代碼

//直接基于jQuery的擴(kuò)展,判斷是否為空 
$.isBlank = function(obj){ 
  return(typeof(obj)=='undefined'||obj==''||obj==null); 
 } 
//直接基于jQuery的擴(kuò)展，去除html標(biāo)簽，保留內(nèi)容 
 $.htmlContent = function(tag){ 
  var reTag = /<(?:.|\s)*?>/g; 
  return tag.replace(reTag,""); 
 } 
//直接基于jQuery的擴(kuò)展(方式二) 
$.xy = { 
sayhello:function(){return "hello";}, 
saybaybay:function(){return "baybay";} 
}; 
//jQuery類(lèi)級(jí)別的擴(kuò)展 
$.extend({ 
add:function(a,b){return a+b;}, 
diff:function(a,b){return a-b} 
}); 
//jQuery對(duì)象級(jí)別的擴(kuò)展 
$.fn.extend({ 
 getvalue:function(){ 
 return this.val(); 
  } 
 });

html代碼

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%> 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
 <head> 
 <base href="<%=basePath%>"> 
  
 <title>My JSP 'index.jsp' starting page</title> 
 <meta http-equiv="pragma" content="no-cache"> 
 <meta http-equiv="cache-control" content="no-cache"> 
 <meta http-equiv="expires" content="0">  
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
 <meta http-equiv="description" content="This is my page"> 
 <!-- 
 <link rel="stylesheet" type="text/css" href="styles.css"> 
 --> 
  
 <script type="text/javascript" src="jquery-1.7.js"></script> 
 <script type="text/javascript" src="jquery-1.7.min.js"></script> 
 <script type="text/javascript" src="my.js"></script> 
 <script type="text/javascript"> 
 $(function(){ 
  var br = $("<br/>"); 
  $(".myspan").append(br); 
 }) 
 </script> 
 </head> 
 <body> 
 <script type="text/javascript"> 
  document.write("判斷是否為空："+$.isBlank(null)); 
 </script> 
 <span class="myspan"></span> 
 <script type="text/javascript"> 
  document.write("過(guò)濾html標(biāo)簽："+$.htmlContent("<html><body><a id='a1'>a標(biāo)簽</a><div style='width:100%'>div標(biāo)簽</div>內(nèi)容</body></html>")+"<br/>"); 
  document.write("擴(kuò)展自jQuery類(lèi)的xy的sayhello方法："+ $.xy.sayhello()+"</br>"); 
  document.write("擴(kuò)展自jQuery類(lèi)的xy的sayhello方法："+ $.xy.saybaybay()+"</br>"); 
  document.write("基于jQuery類(lèi)的add法："+ $.add(3,5)+"</br>"); 
  document.write("基于jQuery類(lèi)的diff法："+ $.diff(5,3)+"</br>"); 
  document.write("基于自jQuery類(lèi)對(duì)象的擴(kuò)展getvalue()："+$("<input type='text' value='str' />").getvalue()+"<br/>"); 
 </script> 
 </body> 
</html>

輸出