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实现后台左侧菜单点击上下滑动显示
Apr 11 Javascript
jquery的flexigrid无法显示数据提示获取到数据
Jul 19 Javascript
jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
Jan 08 Javascript
jquery 实现input输入什么div图层显示什么
Jun 15 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
Feb 04 Javascript
jQuery使用drag效果实现自由拖拽div
Jun 11 Javascript
jsTree使用记录实例
Dec 01 Javascript
Agularjs妙用双向数据绑定实现手风琴效果
May 26 Javascript
详解Js中的模块化是如何实现的
Oct 18 Javascript
微信小程序后端(java)开发流程的详细步骤
Nov 13 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
Jan 14 Javascript
11个Javascript小技巧帮你提升代码质量(小结)
Dec 28 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脚本数据库功能详解(下)
2006/10/09 PHP
浅析php中常量,变量的作用域和生存周期
2013/08/10 PHP
php操作mysqli(示例代码)
2013/10/28 PHP
PHP使用递归生成文章树
2015/04/21 PHP
php post大量数据时发现数据丢失问题解决方法
2015/06/20 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
php中的explode()函数实例介绍
2019/01/18 PHP
QQ登录简单实现代码
2021/03/09 Javascript
文本框根据输入内容自适应高度的代码
2011/10/24 Javascript
推荐40款强大的 jQuery 导航插件和教程(上篇)
2012/09/14 Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
2013/02/02 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
2014/08/08 Javascript
DOM基础教程之使用DOM控制表单
2015/01/20 Javascript
JavaScript实现添加及删除事件的方法小结
2015/08/04 Javascript
js右下角弹出提示框示例代码
2016/01/12 Javascript
BootStrap中关于Select下拉框选择触发事件及扩展
2016/11/22 Javascript
JS实现的简易拖放效果示例
2016/12/29 Javascript
对angular 实时更新模板视图的方法$apply详解
2018/10/09 Javascript
微信小程序下拉框功能的实例代码
2018/11/06 Javascript
在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法
2018/11/28 Javascript
JavaScript实现京东放大镜效果
2019/12/03 Javascript
python base64 decode incorrect padding错误解决方法
2015/01/08 Python
今天 平安夜 Python 送你一顶圣诞帽 @微信官方
2017/12/25 Python
详解python使用Nginx和uWSGI来运行Python应用
2018/01/09 Python
Python基于聚类算法实现密度聚类(DBSCAN)计算【测试可用】
2018/12/26 Python
django rest framework 实现用户登录认证详解
2019/07/29 Python
django ManyToManyField多对多关系的实例详解
2019/08/09 Python
CSS3 实现倒计时效果
2020/11/25 HTML / CSS
什么是静态路由,其特点是什么?什么是动态路由,其特点是什么?
2013/07/26 面试题
课堂教学改革实施方案
2014/03/17 职场文书
中国好声音广告词
2014/03/18 职场文书
领导干部贪图享乐整改措施
2014/09/21 职场文书
教学质量月活动总结
2015/05/11 职场文书
2016大学生社会实践单位评语
2015/12/01 职场文书
JavaScript实现栈结构详细过程
2021/12/06 Javascript
聊聊Python String型列表求最值的问题
2022/01/18 Python