jQuery继承extend用法详解


Posted in Javascript onOctober 10, 2016

本文实例为大家jQuery继承extend用法,供大家参考,具体内容如下

js代码

//直接基于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代码

<%@ 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("过滤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> 
</html>

输出

jQuery继承extend用法详解

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript入门·对象属性方法大总结
Oct 01 Javascript
JS中的数组的sort方法使用示例
Jan 22 Javascript
jquery遍历checkbox介绍
Feb 21 Javascript
JavaScript编写点击查看大图的页面半透明遮罩层效果实例
May 09 Javascript
javascript滚轮控制模拟滚动条
Oct 19 Javascript
利用jQuery异步上传文件的插件用法详解
Jul 19 jQuery
jquery ajax加载数据前台渲染方式 不用for遍历的方法
Aug 09 jQuery
JavaScript事件对象深入详解
Dec 30 Javascript
微信小程序实现分享朋友圈的图片功能示例
Jan 18 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
Mar 04 Javascript
避坑之 JavaScript 中的toFixed()和正则表达式
Apr 19 Javascript
详细介绍Next.js脚手架完整搭建封装
Apr 26 Javascript
mvc 、bootstrap 结合分布式图简单实现分页
Oct 10 #Javascript
针对后台列表table拖拽比较实用的jquery拖动排序
Oct 10 #Javascript
KnockoutJS 3.X API 第四章之数据控制流foreach绑定
Oct 10 #Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
Oct 10 #Javascript
KnockoutJS 3.X API 第四章之数据控制流with绑定
Oct 10 #Javascript
JS命令模式例子之菜单程序
Oct 10 #Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
Oct 10 #Javascript
You might like
php中的strpos使用示例
2014/02/27 PHP
php的XML文件解释类应用实例
2014/09/22 PHP
php实现指定字符串中查找子字符串的方法
2015/03/17 PHP
PHP PDOStatement::fetchColumn讲解
2019/01/31 PHP
js控制框架刷新
2008/08/01 Javascript
jquery-easyui关闭tab自动切换到前一个tab
2010/07/29 Javascript
关于JavaScript中var声明变量作用域的推断
2010/12/16 Javascript
jquery ajaxSubmit 异步提交的简单实现
2014/02/28 Javascript
JS中三目运算符和if else的区别分析与示例
2014/11/21 Javascript
数据分析软件之FineReport教程:[5]参数界面JS(全)
2015/08/13 Javascript
JavaScript实现自动生成网页元素功能(按钮、文本等)
2015/11/21 Javascript
jQuery使用$.ajax进行即时验证的方法
2015/12/08 Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
2016/12/13 Javascript
Angular1.x复杂指令实例详解
2017/03/01 Javascript
微信小程序使用radio显示单选项功能【附源码下载】
2017/12/11 Javascript
JS数组实现分类统计实例代码
2018/09/30 Javascript
解决angular双向绑定无效果,ng-model不能正常显示的问题
2018/10/02 Javascript
详解JS判断页面是在手机端还是在PC端打开的方法
2019/04/26 Javascript
webpack打包优化的几个方法总结
2020/02/10 Javascript
浅谈js数组splice删除某个元素爬坑
2020/10/14 Javascript
JS实现简易日历效果
2021/01/25 Javascript
python实现批量修改图片格式和尺寸
2018/06/07 Python
浅谈Django中view对数据库的调用方法
2019/07/18 Python
python飞机大战pygame碰撞检测实现方法分析
2019/12/17 Python
Tensorflow 实现释放内存
2020/02/03 Python
Clarins娇韵诗美国官网:法国天然护肤品牌
2016/09/26 全球购物
印尼太阳百货公司网站:Matahari
2018/02/04 全球购物
施华洛世奇新加坡官网:SWAROVSKI新加坡
2020/10/06 全球购物
班组长安全生产职责
2013/12/16 职场文书
《记金华的双龙洞》教学反思
2014/04/19 职场文书
电子商务专业毕业生求职信
2014/06/12 职场文书
查摆问题自我剖析材料
2014/08/18 职场文书
保密工作整改情况汇报
2014/11/06 职场文书
考察邀请函范文
2015/01/31 职场文书
写给同事的离职感言
2015/08/04 职场文书
python实现简单反弹球游戏
2021/04/12 Python