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 23 jQuery
关于jQuery中fade(),show()起始位置的一点小发现
Apr 25 jQuery
jquery实现放大镜简洁代码(推荐)
Jun 08 jQuery
jQuery validata插件实现方法
Jun 25 jQuery
jQuery+ajax实现修改密码验证功能实例详解
Jul 06 jQuery
jQuery Datatable 多个查询条件自定义提交事件(推荐)
Aug 24 jQuery
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
jQuery实现模糊搜索功能的方法分析
Jun 29 jQuery
jquery实现动态添加附件功能
Oct 23 jQuery
jQuery事件blur()方法的使用实例讲解
Mar 30 jQuery
jquery登录的异步验证操作示例
May 09 jQuery
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 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
英雄试炼之肉山谷—引领RPG新潮流
2020/04/20 DOTA
php设计模式之命令模式的应用详解
2013/05/21 PHP
JSON字符串传到后台PHP处理问题的解决方法
2016/06/05 PHP
php变量与字符串的增删改查操作示例
2020/05/07 PHP
关于COOKIE个数与大小的问题
2011/01/17 Javascript
Javascript图像处理—为矩阵添加常用方法
2012/12/27 Javascript
在图片上显示左右箭头类似翻页的代码
2013/03/04 Javascript
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
2013/04/26 Javascript
Bootstrap每天必学之按钮
2015/11/26 Javascript
php基于redis处理session的方法
2016/03/14 Javascript
jQuery Ajax 加载数据时异步显示加载动画
2016/08/01 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
2016/09/27 Javascript
Angular2从搭建环境到开发步骤详解
2016/10/17 Javascript
jQuery实现的点击标题文字切换字体效果示例【测试可用】
2018/04/26 jQuery
JS实现方形抽奖效果
2018/08/27 Javascript
Vue-不允许嵌套式的渲染方法
2018/09/13 Javascript
Vue 报错TypeError: this.$set is not a function 的解决方法
2018/12/17 Javascript
Vue插槽原理与用法详解
2019/03/05 Javascript
微信小程序数据统计和错误统计的实现方法
2019/06/26 Javascript
Python 数据结构之堆栈实例代码
2017/01/22 Python
通过python顺序修改文件名字的方法
2018/07/11 Python
Django Python 获取请求头信息Content-Range的方法
2019/08/06 Python
Django通用类视图实现忘记密码重置密码功能示例
2019/12/17 Python
python实现飞船大战
2020/04/24 Python
欧尚俄罗斯网上超市:Auchan俄罗斯
2018/05/03 全球购物
上海微创软件面试题
2012/06/14 面试题
应届毕业生的自我鉴定
2013/11/13 职场文书
大学生村官典型材料
2014/01/12 职场文书
民事辩护词范文
2015/05/21 职场文书
2015年绩效考核工作总结
2015/05/23 职场文书
担保书怎么写 ?
2019/04/22 职场文书
导游词之宿迁乾隆行宫
2019/10/15 职场文书
导游词之西安骊山
2019/12/20 职场文书
Python包管理工具pip的15 个使用小技巧
2021/05/17 Python
动画《新网球王子 U-17 WORLD CUP》希腊队PV公开
2022/04/02 日漫
Spring Cloud Netflix 套件中的负载均衡组件 Ribbon
2022/04/13 Java/Android