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>

时间: 2024-12-11 00:46:05

jQuery继承extend用法详解的相关文章

图片延时加载jquery.inview.js用法详解

我们在网站上总能见到这样的效果,若是有图片,图片都是先用loading加载一小段时间,然后紧接着出来要显示的图片,即效果如下: v2_loading.gif,几秒钟时间过渡到v2_pic_01_s.jpg这样,这就是图片延时加载. 具体实现技术如下: 1)引入jquery库文件: 2)引入jquery.inview.min.js文件: 3)html结构: <a href="http://q.wan.com" target="_blank" title=&quo

jQuery动画高级用法——详解animation中的.queue()函数

http://www.cnblogs.com/zhwl/p/4328279.html $('#object').hide('slow').queue(function(next){     $(this).appendTo($('#goal'));     next(); }).show('slow'); $('div').slideUp('slow').slideDown('slow',function(){     $('#object').css({"background":&q

jquery的2.0.3版本源码系列(3):285-348行,extend方法详解

目录 1 . jquery extend的基本使用 通过285行的源码 jQuery.extend = jQuery.fn.extend = function() { ,extend方法要么是直接挂在到jQuery的静态方法,要么是挂载到fn上其实就是原型上(参考283行的赋值操作)的实例方法.extend方法可以传一个对象,类似于插件的方式,也可以传多个对象进行拷贝. <script src="js/jquery-2.0.3.js"></script> <

jQuery 事件用法详解

jQuery 事件用法详解 目录 简介 实现原理 事件操作 绑定事件 解除事件 触发事件 事件委托 事件操作进阶 阻止默认事件 阻止事件传播 阻止事件向后执行 命名空间 自定义事件 事件队列 jquery中文文档 简介 jquery 之所以成为最受欢迎的前端库,很大一部分是得益于它的事件具有良好的语义,优秀的兼容性,并且便于管理和扩展. 在这里我会介绍 jquery 事件的一些比较基础的用法. 实现原理 jquery 事件脱胎于浏览器的 addEventListener (W3) 和 attac

jQuery的offset()和position()用法详解

offset()和position()用法详解: 这两个方法非常的常用,同时掌握起来有些困难,下面就介绍一下这两个方法的用法. 下面先看一下它们基本的定义: 1.offset()方法的定义: 此方法获取或者设置匹配元素在当前document的相对偏移. 此方法只对可见元素有效. 当获取偏移量时,方法的返回值是一个包含两个整型属性(top和left)的对象. 设置偏移量时,此方法的参数是带有top和left属性的对象. 具体用法可以参阅jQuery的offset()方法一章节. 2.positio

jQuery extend函数详解

一 jQuery的扩展方法原型是 $.extend(dest,src1,src2,src3); 含义是将src1,src2,src3合并到dest中,返回值为合并后的dest,该方法合并后,dest的结构被修改. <script> var dest = {'type':'person'} var src1 = {'name':'lisi','age':12} var src2 = {'sex':'male'} var src3 = {'class':'class 1'} var result

jquery之insertBefore(),insertAfter(),prependTo(),appendTo()用法详解

导航: 1,insertBefore(),insertAfter(),prependTo(),appendTo()这四个函数用法几乎一样 2, 与之相对的有四个函数:Before(),After(),prepend(),append() 1,jQuery.insertAfter() 函数详解(其他三个参考其用法) insertAfter()函数用于将当前所有匹配元素插入到指定元素之后. 与该函数相对的是insertBefore()函数,用于将当前所有匹配元素插入到指定元素之前. 该函数属于jQu

jQuery Validate插件 reomte用法详解

在用户注册时经常要通过ajax请求判断用户账号是否已注册,最方便的方法便是用jQuery Validate插件 reomte方法 Jquery Validate插件, 调用远程方法验证参数, remote的用法: 在validate的方法上加入remote:"校验方法",例如:remote: "/test/checkAccount.jsp", 这时传进checkAccount.jsp的参数就是account=$("#account").val()

jQuery插件开发及jQuery.extend函数详解和jQuery.fn与jQuery.prototype区别

一.jQuery插件开发分为两种:  1.类级别: 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法. 开发扩展其方法时使用$.extend方法,即jQuery.extend(object); $.extend({ add:function(a,b){return a+b;} , minus:function(a,b){return a-b;} }); var i = $.add(3,2); var j = $.minus(3,2); 2.对象级别: 对