jQuery.fn.extend 与 jQuery.extend 用法

最新推荐文章于 2017-11-21 11:24:00 发布

原创最新推荐文章于 2017-11-21 11:24:00 发布 · 304 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JQuery

本文介绍了使用jQuery库自定义三个实用方法的具体实现：显示消息、改变元素颜色及全局显示消息。通过这些方法，可以更方便地操控DOM元素并增强网页交互性。

/* ----------------------------------------------------------------------- 方法1 --------------------------------------------------------------------------*/ (function($){ $.fn.extend({ show:function(p) { p = $.extend({ title: $(this).attr('speed') || 'parTitle', content: $(this).attr('step') || 'parContent', pause: parseInt($(this).attr('pause')) || 1000 }, p || {}); window.alert($(this).html()); window.alert('title:'+p.title+',content:'+p.content); } }); })(jQuery); //用法 $('#marq1').show({title:'提示信息',content:'你好啊啊'}); // $('#marq1').show(); /* ----------------------------------------------------------------------- 方法2 --------------------------------------------------------------------------*/ jQuery.fn.extend({ color:function(val) { if(val==undefined){ return $(this).css("color"); }else{ return $(this).css("color",val); } } }) //用法 $('#marq1').color('red'); // $('#marq1').color(); /* ----------------------------------------------------------------------- 方法3 --------------------------------------------------------------------------*/ jQuery.extend({ show:function(a) { window.alert(a); } }); //用法 $.show('fdsafdsafdaf');

标签

#function #jquery