jquery开发自定义的插件总结
2017-02-08 17:54
597 查看
1、第一种方式,有元素的插件
2、直接拓展$ 符号
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>不带参数的jquery插件开发</title> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> (function($){ $.fn.extend({ myPlugName:function(){ $(this).click(function(){ alert($(this).val()); }); } }); })(jQuery); </script> </head> <body> <input type="button" value="点击我" id="btn" /> </body> <script type="text/javascript"> $("#btn").myPlugName(); </script> </html>
2、直接拓展$ 符号
<script> $.extend({ sayHello: function(name) { console.log('Hello,' + (name ? name : 'Dude') + '!'); } }) $.sayHello(); //调用 $.sayHello('Wayou'); //带参调用 </script>
相关文章推荐
- jquery开发自定义的插件总结
- [转]jquery开发自定义的插件总结
- jquery开发自定义的插件总结
- jquery开发自定义的插件总结
- jquery自定义插件开发总结
- jquery开发自定义的插件总结
- 网站开发常用jQuery插件总结(六)关键词说明插件cluetip
- Jquery插件Thickbox的使用总结及自定义设置
- 【年终技术总结】2012年开发人员应该尝试的16款新鲜的jquery插件
- 网站开发常用jQuery插件总结(九)侧边栏插件pageslide
- 网站开发常用jQuery插件总结(二)弹出层插件Lightbox_me
- 网站开发常用jQuery插件总结(五)滚动条插件nanoscroller
- 网站开发常用jQuery插件总结(一)提示插件alertify
- Jquery插件Thickbox的使用总结及自定义设置
- 网站开发常用jQuery插件总结(四)验证插件validation
- 网站开发常用jQuery插件总结(十)菜单插件superfish
- 网站开发常用jQuery插件总结(四)验证插件validation
- [js]jQuery插件开发总结
- Jquery插件Thickbox的使用总结及自定义设置
- jquery+bootstrap自定义插件开发之dropdownlist