jQuery插件扩展操作入门示例

这篇文章主要介绍了jQuery插件扩展操作,结合简单实例形式分析了jQuery扩展方法的定义与使用技巧,非常简单易懂,需要的朋友可以参考下

本文实例讲述了jQuery插件扩展操作。分享给大家供大家参考,具体如下:

如下DEMO 展示了为dom扩展一个myshowHtml 的方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="https://www.jb51.net/jquery.js"></script> </head> <body> <div> 你好 </div> <script> (function ($) { $.fn.myshowHtml = function(){ alert(this.html()); } })(window.jQuery) $(function(){ $(".container").myshowHtml(); }) </script> </body> </html>

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery切换特效与技巧总结》、《jQuery遍历算法与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结

希望本文所述对大家jQuery程序设计有所帮助。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwdjdj.html