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获取radio选中的值
May 05 jQuery
简单实现jQuery弹幕效果
May 06 jQuery
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 jQuery
jQuery实现form表单序列化转换为json对象功能示例
May 23 jQuery
Jquery和CSS实现选择框重置按钮功能
Nov 08 jQuery
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
JQueryDOM之样式操作
Mar 27 jQuery
jquery图片预览插件实现方法详解
Jul 18 jQuery
JQuery表单元素取值赋值方法总结
May 12 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程序效率优化的一些策略小结
2010/07/17 PHP
php从数组中随机选择若干不重复元素的方法
2015/03/14 PHP
php使用glob函数遍历文件和目录详解
2016/09/23 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
JavaScript 嵌套函数指向this对象错误的解决方法
2010/03/15 Javascript
jquery 单击li防止重复加载的实现代码
2010/12/24 Javascript
javascript闭包的高级使用方法实例
2013/07/04 Javascript
Js获取数组最大和最小值示例代码
2013/10/29 Javascript
JavaScript弹出窗口方法汇总
2014/08/12 Javascript
jquery实现点击变换导航样式的方法
2015/08/31 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
2015/11/18 Javascript
利用JS生成博文目录及CSS定制博客
2016/02/10 Javascript
全面解析Bootstrap中nav、collapse的使用方法
2016/05/22 Javascript
使用Bootstrap框架制作查询页面的界面实例代码
2016/05/27 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
jquery submit()不能提交表单的解决方法
2017/04/24 jQuery
Bootstrap Table使用整理(三)
2017/06/09 Javascript
[03:48]DOTA2完美大师赛主赛事第二日精彩集锦
2017/11/24 DOTA
Python的Flask框架应用调用Redis队列数据的方法
2016/06/06 Python
python实现内存监控系统
2021/03/07 Python
对python中数组的del,remove,pop区别详解
2018/11/07 Python
opencv 获取rtsp流媒体视频的实现方法
2019/08/23 Python
Python标准库shutil模块使用方法解析
2020/03/10 Python
HTML5 placeholder属性详解
2016/06/22 HTML / CSS
HTML5 weui使用笔记
2019/11/21 HTML / CSS
澳大利亚家庭花园和DIY工具网店:VidaXL
2019/05/03 全球购物
英语专业学生个人求职信
2014/01/28 职场文书
公积金具结保证书
2015/05/11 职场文书
2015年公务员试用期工作总结
2015/05/28 职场文书
2016大一新生入学教育心得体会
2016/01/23 职场文书
2016年师德先进个人事迹材料
2016/02/29 职场文书
python 破解加密zip文件的密码
2021/04/22 Python
使用Python+OpenCV进行卡类型及16位卡号数字的OCR功能
2021/08/30 Python
Java存储没有重复元素的数组
2022/04/29 Java/Android
MySQL 计算连续登录天数
2022/05/11 MySQL
MySQL数据库如何查看表占用空间大小
2022/06/10 MySQL