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();
}
});
<
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
>
jQuery继承extend用法详解的更多相关文章
- jquery之hide()用法详解
注: 以下函数用法和hide()类似 [参数类型完全一样] toggle() hide() show() slideToggle() slideUp() slideDown() fadeToggl ...
- jQuery.fn.extend() 函数详解
jQuery.fn.extend()函数用于为jQuery扩展一个或多个实例属性和方法(主要用于扩展方法). jQuery.fn是jQuery的原型对象,其extend()方法用于为jQuery的原型 ...
- $.extend用法详解(一)
jQuery.extend( target [, object1 ] [, objectN ] ) 在这里target是Object,它有两个作用: 1. 如果后面没有对应的object1及objec ...
- 图片延时加载jquery.inview.js用法详解
我们在网站上总能见到这样的效果,若是有图片,图片都是先用loading加载一小段时间,然后紧接着出来要显示的图片,即效果如下: v2_loading.gif,几秒钟时间过渡到v2_pic_01_s.j ...
- jQuery动画高级用法——详解animation中的.queue()函数
http://www.cnblogs.com/zhwl/p/4328279.html $('#object').hide('slow').queue(function(next){ $(thi ...
- jquery.cookie.js用法详解
创建一个会话cookie: $.cookie(‘cookieName’,'cookieValue’); 注:当没有指明cookie时间时,所创建的cookie有效期默认到用户浏览器关闭止,故被称为会话 ...
- jQuery 事件用法详解
jQuery 事件用法详解 目录 简介 实现原理 事件操作 绑定事件 解除事件 触发事件 事件委托 事件操作进阶 阻止默认事件 阻止事件传播 阻止事件向后执行 命名空间 自定义事件 事件队列 jque ...
- jquery之insertBefore(),insertAfter(),prependTo(),appendTo()用法详解
导航: 1,insertBefore(),insertAfter(),prependTo(),appendTo()这四个函数用法几乎一样 2, 与之相对的有四个函数:Before(),After(), ...
- jquery的2.0.3版本源码系列(4):285-348行,extend方法详解
目录 1 . jquery extend的基本使用 通过285行的源码 jQuery.extend = jQuery.fn.extend = function() { ,extend方法要么是直接挂在 ...
随机推荐
- 关于python调用zabbix api接口
因公司业务需要,引进了自动化运维,所用到的监控平台为zbbix3.2,最近正在学习python,计划使用python调用zabbix api接口去做些事情,如生成报表,我想最基本的是要取得zabbix ...
- brendangregg
http://www.slideshare.net/brendangregg/presentations http://techblog.netflix.com/2015/07/java-in-fla ...
- eclipse 启动报share library load faild
eclipse 与 jdk 版本要一致 *32 - 对应32位 *64 - 对应64位
- 一款纯css3实现的漂亮的404页面
之前为大家分享了那些创意有趣的404页面, html5和css3打造一款创意404页面, HTML5可爱的404页面动画很逗的机器人.今天再给大家分享一款纯css3实现的漂亮的404页面.效果图如下: ...
- 一款仿ios7的switches开关按钮
今天给大家介绍一款仿ios7的switches开关按钮.这款按钮也是纯css实现的.无需引js代码.在实现中给出了两种颜色,三种不同大小的demo.一起看下效果图: 在线预览 源码下载 实现的代码 ...
- mysql 加入远程用户
USE mysql; GRANT ALL PRIVILEGES ON *.* TO panjing @"%" IDENTIFIED BY "123456"; F ...
- OK335xS 256M 512M nand flash make ubifs hacking
/********************************************************************************* * OK335xs 256M 51 ...
- exit和wait一起可以彻底清除子进程的资源
#include<stdio.h> #include<unistd.h> #include<sys/types.h> #include<stdlib.h> ...
- ramdisk文件系统制作
1. 确保内核支持ramdisk启动.2. 创建根文件系统(应用busybox或拷贝现有文件系统).3. 利用脚本mkroot.sh创建内核镜像:root.img.gz.4. uboot通过t ...
- [转]eclipse导入V7包出现错误解决办法
android下v4 v7 v21等包是android系统的扩展支持包,就想windows的系统补丁一个道理. android的扩展包主要是用来兼容低版本的,比如android3.0以后出现 ...