jQuery插件扩展操作入门示例


Posted in Javascript onJanuary 16, 2017

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

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

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

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

Javascript 相关文章推荐
基于jquery的一个图片hover的插件
Apr 24 Javascript
JavaScript中如何通过arguments对象实现对象的重载
May 12 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
Sep 17 Javascript
基于javascript数组实现图片轮播
May 02 Javascript
详谈js遍历集合(Array,Map,Set)
Apr 06 Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
Sep 14 Javascript
Cookbook组件形式:优化 Vue 组件的运行时性能
Nov 25 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
Mar 06 Javascript
如何自动化部署项目?折腾服务器之旅~
Apr 16 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
Dec 09 Javascript
vue自定义指令和动态路由实现权限控制
Aug 28 Javascript
微信小程序实现通讯录列表展开收起
Nov 18 Javascript
jQuery插件版本冲突的处理方法分析
Jan 16 #Javascript
js实现带缓动动画的导航栏效果
Jan 16 #Javascript
jQuery居中元素scrollleft计算方法示例
Jan 16 #Javascript
jQuery使用正则表达式替换dom元素标签用法示例
Jan 16 #Javascript
JavaScript日期选择功能示例
Jan 16 #Javascript
jquery——九宫格大转盘抽奖实例
Jan 16 #Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
Jan 16 #Javascript
You might like
菜鸟学PHP之Smarty入门
2007/01/04 PHP
PHP使用glob函数遍历目录或文件夹的方法
2014/12/16 PHP
Symfony2实现在doctrine中内置数据的方法
2016/02/05 PHP
Thinkphp3.2简单解决多文件上传只上传一张的问题
2017/09/26 PHP
TP5(thinkPHP框架)实现后台清除缓存功能示例
2019/05/29 PHP
laravel-admin select框默认选中的方法
2019/10/03 PHP
直接生成打开窗口代码,不必下载
2008/05/14 Javascript
javascript中节点的最近的相关节点访问方法
2013/03/20 Javascript
javascript模拟实现C# String.format函数功能代码
2013/11/25 Javascript
Jquery下EasyUI组件中的DataGrid结果集清空方法
2014/01/06 Javascript
jquery动态添加元素事件失效问题解决方法
2014/05/23 Javascript
jQuery中[attribute^=value]选择器用法实例
2014/12/31 Javascript
限制上传文件大小和格式的jQuery插件实例
2015/01/24 Javascript
详解Weex基于Vue2.0开发模板搭建
2017/03/20 Javascript
详解Angular的8个主要构造块
2017/06/20 Javascript
Vue.js中extend选项和delimiters选项的比较
2017/07/17 Javascript
详解tween.js的使用教程
2017/09/14 Javascript
基于vue cli重构多页面脚手架过程详解
2018/01/23 Javascript
vue.js通过路由实现经典的三栏布局实例代码
2018/07/08 Javascript
jQuery实现基本动画效果的方法详解
2018/09/06 jQuery
详解vuejs2.0 select 动态绑定下拉框支持多选
2019/04/25 Javascript
vue框架制作购物车小球动画效果实例代码
2019/09/26 Javascript
pycharm恢复默认设置或者是替换pycharm的解释器实例
2018/10/29 Python
Python 使用type来定义类的实现
2019/11/19 Python
python实现门限回归方式
2020/02/29 Python
浅谈基于Canvas的手绘风格图形库Rough.js
2018/03/19 HTML / CSS
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
惊艳的手工时装首饰:Migonne Gavigan
2018/02/23 全球购物
添柏岚英国官方网站:Timberland英国
2019/11/28 全球购物
高中生职业生涯规划书
2014/02/24 职场文书
团队精神的演讲稿
2014/05/14 职场文书
甘南现象心得体会
2014/09/11 职场文书
2015暑假社会调查报告
2015/07/13 职场文书
新学期家长寄语2016
2015/12/03 职场文书
nginx配置虚拟主机的详细步骤
2021/07/21 Servers
Android使用EventBus发送消息,Fragment中接收消息的方法会执行多次
2022/04/24 Java/Android