jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】


Posted in jQuery onMay 19, 2020

本文实例讲述了jQuery 函数用法。分享给大家供大家参考,具体如下:

命名函数

可多次调用。

函数声明:

function func(args) {//执行语句};

例:

<script>
  $(document).ready(function() {
    //创建一个点击事件
    $('img').clikc(show);
    //show()函数声明
    function show() {
      var info = '<div><h3></h3></div>';
      $(this).after(info);
      //显示一次后删除事件
      $(this).unbind('click');
    }
  });
</script>
<body>
  <img src='images/1.png' alt='logo'>
</body>

函数表达式:

var func = function(args) {//执行语句};

例:

<script>
  $(document).ready(function() {
    //创建函数表达式:show
    var show = function() {
      var info = '<div><h3></h3></div>';
      $(this).after(info);
      //显示一次后删除事件
      $(this).unbind('click');
    }
    $('img').clikc(show);
  });
</script>
<body>
  <img src='images/1.png' alt='logo'>
</body>

匿名函数

以参数,回调或闭包形式出现,不可重复调用。

$('button').click(function(args) {//执行语句});

例:

<script>
  $(document).ready(function() {
    $('img').clikc(function() {
      var info = '<div><h3></h3></div>';
      $(this).after(info);
      //显示一次后删除事件
      $(this).unbind('click');
    });
  });
</script>
<body>
  <img src='images/1.png' alt='logo'>
</body>

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

jQuery 相关文章推荐
jQuery异步提交表单实例
May 30 jQuery
jQuery实现frame之间互通的方法
Jun 26 jQuery
jQuery实现表格冻结顶栏效果
Aug 20 jQuery
基于jquery的on和click的区别详解
Jan 15 jQuery
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
Mar 28 jQuery
jQuery实现获取及设置CSS样式操作详解
Sep 05 jQuery
jquery使用FormData实现异步上传文件
Oct 25 jQuery
基于jquery实现九宫格拼图小游戏
Nov 30 jQuery
jQuery实现的隔行变色功能【案例】
Feb 18 jQuery
jQuery中实现text()的方法
Apr 04 jQuery
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 jQuery
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
May 19 #jQuery
jQuery AJAX应用实例总结
May 19 #jQuery
jquery+css3实现的经典弹出层效果示例
May 16 #jQuery
JQuery事件冒泡和默认行为代码实例
May 13 #jQuery
JQuery表单元素取值赋值方法总结
May 12 #jQuery
JavaScript或jQuery 获取option value值方法解析
May 12 #jQuery
jQuery三组基本动画与自定义动画操作实例总结
May 09 #jQuery
You might like
教你如何在CI框架中使用 .htaccess 隐藏url中index.php
2014/06/09 PHP
javascript之对系统的toFixed()方法的修正
2007/05/08 Javascript
IE6与IE7中,innerHTML获取param的区别
2009/03/15 Javascript
Mozilla 表达式 __noSuchMethod__
2009/04/05 Javascript
检测jQuery.js是否已加载的判断代码
2011/05/20 Javascript
JavaScript 创建运动框架的实现代码
2013/05/08 Javascript
基于JavaScript 下namespace 功能的简单分析
2013/07/05 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
2016/10/25 Javascript
漂亮实用的页面loading(加载)封装代码
2017/02/03 Javascript
JS拉起或下载app的实现代码
2017/02/22 Javascript
利用node.js实现反向代理的方法详解
2017/07/24 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
2018/06/01 Javascript
webpack 代码分离优化快速指北
2019/05/18 Javascript
vue里的data要用return返回的原因浅析
2019/05/28 Javascript
layui.tree组件的使用以及搜索节点功能的实现
2019/09/26 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
nuxt.js 在middleware(中间件)中实现路由鉴权操作
2020/11/06 Javascript
详解使用 pyenv 管理多个版本 python 环境
2017/10/19 Python
Python解析、提取url关键字的实例详解
2018/12/17 Python
树莓派实现移动拍照
2019/06/22 Python
python3 requests库文件上传与下载实现详解
2019/08/22 Python
python提取xml里面的链接源码详解
2019/10/15 Python
使用keras时input_shape的维度表示问题说明
2020/06/29 Python
Python的信号库Blinker用法详解
2020/12/31 Python
灵活运用CSS3特性绘制简易版围棋效果
2016/09/28 HTML / CSS
Bootstrap File Input文件上传组件
2020/12/01 HTML / CSS
澳大利亚正品化妆品之家:Cosmetic Capital
2017/07/03 全球购物
英国翻新电子产品购物网站:Tech Trade
2017/12/25 全球购物
公司活动邀请函
2014/01/24 职场文书
关于奉献的演讲稿
2014/05/21 职场文书
班训口号大全
2014/06/18 职场文书
庆祝教师节演讲稿
2014/09/03 职场文书
2015年社区居委会工作总结
2015/05/18 职场文书
2019最新版劳务派遣管理制度
2019/08/16 职场文书
JavaScript数组 几个常用方法总结
2021/11/11 Javascript
戴尔Win11系统no bootable devices found解决教程
2022/09/23 数码科技