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 Easyui Treegrid实现显示checkbox功能
Aug 08 jQuery
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 jQuery
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
jQuery实现的简单获取索引功能示例
Jun 04 jQuery
jQuery实现侧边栏隐藏与显示的方法详解
Dec 22 jQuery
jQuery实现的自定义轮播图功能详解
Dec 28 jQuery
jQuery选择器之基本选择器用法实例分析
Feb 19 jQuery
js判断复选框是否选中的方法示例【基于jQuery】
Oct 10 jQuery
jquery插件实现轮播图效果
Oct 19 jQuery
jQuery实现动态向上滚动
Dec 21 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截取中文字符串函数实例
2015/02/23 PHP
smarty模板引擎基础知识入门
2015/03/30 PHP
Laravel框架实现文件上传的方法分析
2019/09/29 PHP
JS提交并解析后台返回的XML的代码
2008/11/03 Javascript
js导出txt示例代码
2014/01/14 Javascript
JS+CSS实现简单的二级下拉导航菜单效果
2015/09/21 Javascript
JavaScript通过HTML的class来获取HTML元素的方法总结
2016/05/24 Javascript
JS获取地址栏参数的两种方法(简单实用)
2016/06/14 Javascript
js注入 黑客之路必备!
2016/09/14 Javascript
jQuery 遍历map()方法详解
2016/11/04 Javascript
分分钟玩转Vue.js组件(二)
2017/03/01 Javascript
Vue导出页面为PDF格式的实现思路
2018/07/31 Javascript
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
2018/12/11 jQuery
VuePress 静态网站生成方法步骤
2019/02/14 Javascript
layui前端时间戳转化实例
2019/11/15 Javascript
js根据后缀判断文件文件类型的代码
2020/05/09 Javascript
ant design 日期格式化的实现
2020/10/27 Javascript
python判断windows隐藏文件的方法
2014/03/21 Python
Mac下Supervisor进程监控管理工具的安装与配置
2014/12/16 Python
python GUI库图形界面开发之PyQt5线程类QThread详细使用方法
2020/02/26 Python
python绘制玫瑰的实现代码
2020/03/02 Python
暇步士官网:Hush Puppies
2016/09/22 全球购物
eBay加拿大站:eBay.ca
2019/06/20 全球购物
下列程序在32位linux或unix中的结果是什么
2015/01/26 面试题
写好求职应聘自荐信的三部曲
2013/09/21 职场文书
生物制药毕业生自荐信
2013/10/16 职场文书
幼儿园教师个人反思
2014/01/30 职场文书
预备党员公开承诺书
2014/05/28 职场文书
2014年社区计生工作总结
2014/11/18 职场文书
餐厅服务员管理制度
2015/08/05 职场文书
师德培训心得体会2016
2016/01/09 职场文书
pyqt5打包成exe可执行文件的方法
2021/05/14 Python
Golang实现AES对称加密的过程详解
2021/05/20 Golang
Pandas加速代码之避免使用for循环
2021/05/30 Python
SQL语句中JOIN的用法场景分析
2021/07/25 SQL Server
Golang获取List列表元素的四种方式
2022/04/20 Golang