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.ajax()的jsonp碰上post详解
Jul 02 jQuery
jQuery实现腾讯信用界面(自制刻度尺)样式
Aug 15 jQuery
jQuery 开发之EasyUI 添加数据的实例
Sep 26 jQuery
jquery实现楼层滚动效果
Jan 01 jQuery
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
通过jquery toggleClass()属性制作文章段落更改背景颜色
May 21 jQuery
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
Nov 18 jQuery
jQuery实时统计输入框字数及限制
Jun 24 jQuery
jQuery实现查看图片功能
Dec 01 jQuery
JS实现选项卡插件的两种写法(jQuery和class)
Dec 30 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
php通用防注入程序 推荐
2011/02/26 PHP
php使用ereg验证文件上传的方法
2014/12/16 PHP
php+xml结合Ajax实现点赞功能完整实例
2015/01/30 PHP
PHPMailer发送邮件
2016/12/28 PHP
PHP面向对象程序设计重载(overloading)操作详解
2019/06/13 PHP
Laravel框架源码解析之模型Model原理与用法解析
2020/05/14 PHP
BOM与DOM的区别分析
2010/10/26 Javascript
JavaScript中“+”的陷阱深刻理解
2012/12/04 Javascript
详细介绍8款超实用JavaScript框架
2013/10/25 Javascript
提高jQuery性能优化的技巧
2015/08/03 Javascript
coffeescript使用的方式汇总
2015/08/05 Javascript
30分钟快速掌握Bootstrap框架
2016/05/24 Javascript
浅谈javascript中关于日期和时间的基础知识
2016/07/13 Javascript
在Docker快速部署Node.js应用的详细步骤
2016/09/02 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
2017/04/10 Javascript
前端axios下载excel文件(二进制)的处理方法
2018/07/31 Javascript
[01:10]DOTA2亚洲邀请赛 征战号角响彻全场
2015/01/06 DOTA
[01:09:19]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第二场 2月28日
2021/03/11 DOTA
Python里disconnect UDP套接字的方法
2015/04/23 Python
python模块之time模块(实例讲解)
2017/09/13 Python
酷! 程序员用Python带你玩转冲顶大会
2018/01/17 Python
利用pyinstaller将py文件打包为exe的方法
2018/05/14 Python
详解Python odoo中嵌入html简单的分页功能
2019/05/29 Python
里程积分管理买卖交换平台:Points.com
2017/01/13 全球购物
人事助理岗位职责
2013/11/18 职场文书
语文教育专业推荐信范文
2013/11/25 职场文书
办理退休介绍信
2014/01/09 职场文书
《动手做做看》教学反思
2014/04/09 职场文书
团队会宣传标语
2014/10/09 职场文书
综合素质评价自我评价
2015/03/06 职场文书
2015年推广普通话演讲稿
2015/03/20 职场文书
总经理年会致辞
2015/07/29 职场文书
莫言诺贝尔获奖感言(全文)
2015/07/31 职场文书
Java多条件判断场景中规则执行器的设计
2021/06/26 Java/Android
Ruby序列化和持久化存储 Marshal和Pstore介绍
2022/04/18 Ruby
CentOS MySql8 远程连接实战
2022/04/19 MySQL