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读取json数据并按照价格排序示例
Mar 28 jQuery
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
JQuery扩展对象方法操作示例
Aug 21 jQuery
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
详解JQuery基础动画操作
Apr 12 jQuery
JQuery样式操作、click事件以及索引值-选项卡应用示例
May 14 jQuery
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 jQuery
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
layui+jquery支持IE8的表格分页方法
Sep 28 jQuery
jQuery实现推拉门效果
Oct 19 jQuery
jquery实现鼠标悬浮弹出气泡提示框
Dec 23 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+iframe实现隐藏无刷新上传文件
2012/02/10 PHP
浅析php插件 HTMLPurifier HTML解析器
2013/07/01 PHP
PHP中模拟处理HTTP PUT请求的例子
2014/07/22 PHP
Smarty中调用FCKeditor的方法
2014/10/27 PHP
php实现cookie加密的方法
2015/03/10 PHP
PHP实现的简单分页类及用法示例
2016/05/06 PHP
php tpl模板引擎定义与使用示例
2019/08/09 PHP
js清空form表单中的内容示例
2014/05/20 Javascript
JS 在指定数组中随机取出N个不重复的数据
2014/06/10 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现
2016/01/12 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
2016/09/26 Javascript
微信小程序 教程之列表渲染
2016/10/18 Javascript
angularjs中ng-attr的用法详解
2016/12/31 Javascript
JavaScript中String对象的方法介绍
2017/01/04 Javascript
写jQuery插件时的注意点
2017/02/20 Javascript
jquery select插件异步实时搜索实例代码
2017/10/20 jQuery
详解如何在项目中使用jest测试react native组件
2018/02/09 Javascript
Element-UI Table组件上添加列拖拽效果实现方法
2018/04/14 Javascript
Vue中保存数据到磁盘文件的方法
2018/09/06 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
2019/10/24 Javascript
vue-router结合vuex实现用户权限控制功能
2019/11/14 Javascript
JS继承定义与使用方法简单示例
2020/02/19 Javascript
Vue切换组件实现返回后不重置数据,保留历史设置操作
2020/07/21 Javascript
Python中用字符串调用函数或方法示例代码
2017/08/04 Python
python 自定义对象的打印方法
2019/01/12 Python
python常用库之NumPy和sklearn入门
2019/07/11 Python
django 邮件发送模块smtp使用详解
2019/07/22 Python
PyTorch学习:动态图和静态图的例子
2020/01/06 Python
Python3之外部文件调用Django程序操作model等文件实现方式
2020/04/07 Python
英国第一的市场和亚马逊替代品:OnBuy
2019/03/16 全球购物
关于梦想的演讲稿
2014/05/05 职场文书
夫妻双方自愿离婚协议书
2014/10/24 职场文书
大学军训通讯稿
2015/07/18 职场文书
高中开学感言
2015/08/01 职场文书
Springboot如何使用logback实现多环境配置?
2021/06/16 Java/Android