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扩展_动力节点Java学院整理
Jul 05 jQuery
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
jQuery实现base64前台加密解密功能详解
Aug 29 jQuery
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
利用jQuery实现简单的拖曳效果实例代码
Oct 20 jQuery
简单实现jquery隔行变色
Nov 09 jQuery
[原创]jquery判断元素内容是否为空的方法
May 04 jQuery
jQuery发请求传输中文参数乱码问题的解决方案
May 22 jQuery
基于jQuery实现的设置文本区域的光标位置
Jun 15 jQuery
jQuery/JS监听input输入框值变化实例
Oct 17 jQuery
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
Feb 01 jQuery
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
Oct 09 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递归算法的详细示例分析
2013/02/19 PHP
ThinkPHP3.1的Widget新用法
2014/06/19 PHP
在WordPress中使用wp-cron插件来设置定时任务
2015/12/10 PHP
php遍历、读取文件夹中图片并分页显示图片的方法
2016/11/15 PHP
PHP正则验证字符串是否为数字的两种方法并附常用正则
2019/02/27 PHP
如何在Laravel之外使用illuminate组件详解
2020/09/20 PHP
jQuery 学习6 操纵元素显示效果的函数
2010/02/07 Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
2011/09/17 Javascript
深入浅析react native es6语法
2015/12/09 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
2016/03/02 Javascript
VueJs 将接口用webpack代理到本地的方法
2017/11/27 Javascript
快速搭建vue2.0+boostrap项目的方法
2018/04/09 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
2019/04/17 Javascript
js实现贪吃蛇游戏(简易版)
2020/09/29 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
2020/10/26 Javascript
[56:00]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第二场
2018/04/10 DOTA
python编写分类决策树的代码
2017/12/21 Python
5款非常棒的Python工具
2018/01/05 Python
Python及Django框架生成二维码的方法分析
2018/01/31 Python
Python基础教程之if判断,while循环,循环嵌套
2019/04/25 Python
这可能是最好玩的python GUI入门实例(推荐)
2019/07/19 Python
基于Python2、Python3中reload()的不同用法介绍
2019/08/12 Python
Python更改pip镜像源的方法示例
2020/12/01 Python
美国瑜伽品牌:Gaiam
2017/10/31 全球购物
测绘工程本科生求职信
2013/10/10 职场文书
护理专业的自荐信
2013/10/22 职场文书
装潢设计专业推荐信模板
2013/11/26 职场文书
大学同学聚会邀请函
2014/01/19 职场文书
大学生期末自我鉴定
2014/02/01 职场文书
教师新年寄语
2014/04/03 职场文书
2014年教师政治学习材料
2014/06/02 职场文书
介绍信怎么写
2015/01/30 职场文书
销售员自我评价
2015/03/11 职场文书
终止劳动合同通知书
2015/04/16 职场文书
入党介绍人意见范文
2015/06/01 职场文书
pt-archiver 主键自增
2022/04/26 MySQL