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实现的手风琴侧边菜单效果
Mar 29 jQuery
jquery网页加载进度条的实现
Jun 01 jQuery
jQuery初级教程之网站品牌列表效果
Aug 02 jQuery
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
jQuery实现基本淡入淡出效果的方法详解
Sep 05 jQuery
jQuery 同时获取多个标签的指定内容并储存为数组
Nov 20 jQuery
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
js/jQuery实现全选效果
Jun 17 jQuery
jQuery zTree如何改变指定节点文本样式
Oct 16 jQuery
jQuery实现移动端扭蛋机抽奖
Nov 08 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、Nginx、Apache中禁止网页被iframe引用的方法
2020/10/01 PHP
php缓冲输出实例分析
2015/01/05 PHP
phpcms手机内容页面添加上一篇和下一篇
2015/06/05 PHP
zend framework中使用memcache的方法
2016/03/04 PHP
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
jQuery学习7 操作JavaScript对象和集合的函数
2010/02/07 Javascript
JavaScript操作XML实例代码(获取新闻标题并分页,并分页)
2010/05/25 Javascript
JS获取select的value和text值的简单实例
2014/02/26 Javascript
JavaScript+canvas实现七色板效果实例
2016/02/18 Javascript
基于jquery实现的鼠标悬停提示案例
2016/12/11 Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
2018/06/29 Javascript
JavaScript设计模式之观察者模式实例详解
2019/01/16 Javascript
Vue中Axios从远程/后台读取数据
2019/01/21 Javascript
浅谈Node 异步IO和事件循环
2019/05/05 Javascript
javascript实现视频弹幕效果(两个版本)
2019/11/28 Javascript
JS FormData对象使用方法实例详解
2020/02/12 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
Python原始字符串(raw strings)用法实例
2014/10/13 Python
Python中遍历字典过程中更改元素导致异常的解决方法
2016/05/12 Python
使用python实现简单五子棋游戏
2019/06/18 Python
详解python编译器和解释器的区别
2019/06/24 Python
python多线程共享变量的使用和效率方法
2019/07/16 Python
Python 实现将大图切片成小图,将小图组合成大图的例子
2020/03/14 Python
PyQt5+python3+pycharm开发环境配置教程
2020/03/24 Python
解决启动django,浏览器显示“服务器拒绝访问”的问题
2020/05/13 Python
BeautifulSoup获取指定class样式的div的实现
2020/12/07 Python
numpy实现RNN原理实现
2021/03/02 Python
华为慧通面试题
2012/09/11 面试题
大学生的创业计划书就该这么写
2014/01/30 职场文书
大学毕业感言200字
2014/03/09 职场文书
品质保证书格式
2015/02/28 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书
经典格言警句:没有热忱,世间便无进步
2019/11/13 职场文书
python3 sqlite3限制条件查询的操作
2021/04/07 Python
python实现自动化群控的步骤
2021/04/11 Python
vue使用节流函数的踩坑实例指南
2021/05/20 Vue.js