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 相关文章推荐
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
jquery请求servlet实现ajax异步请求的示例
Jun 03 jQuery
简单实现jQuery手风琴效果
Aug 18 jQuery
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
360提示[高危]使用存在漏洞的JQuery版本的解决方法
Oct 27 jQuery
Jquery的Ajax技术使用方法
Jan 21 jQuery
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
May 13 jQuery
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
Jun 18 jQuery
jQuery实现轮播图效果demo
Jan 11 jQuery
jQuery实现高度灵活的表单验证功能示例【无UI】
Apr 30 jQuery
使用jquery实现轮播图效果
Jan 02 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
桌面中心(四)数据显示
2006/10/09 PHP
PHP实现用户认证及管理完全源码
2007/03/11 PHP
apache+php完美解决301重定向的两种方法
2011/06/08 PHP
php中一个有意思的日期逻辑处理
2012/03/25 PHP
PHP中“简单工厂模式”实例代码讲解
2012/09/04 PHP
PHP中常用的输出函数总结
2014/09/22 PHP
Web程序工作原理详解
2014/12/25 PHP
PHP正则表达式入门教程(推荐)
2016/05/18 PHP
js加载之使用DOM方法动态加载Javascript文件
2013/11/08 Javascript
XMLHttpRequest处理xml格式的返回数据(示例代码)
2013/11/21 Javascript
javascript比较两个日期相差天数的方法
2015/07/24 Javascript
headjs实现网站并行加载但顺序执行JS
2016/11/29 Javascript
Bootstrap源码解读模态弹出框(11)
2016/12/28 Javascript
JavaScript生成图形验证码
2020/08/24 Javascript
ReactNative Image组件使用详解
2017/08/07 Javascript
ES6学习教程之对象字面量详解
2017/10/09 Javascript
利用node 判断打开的是文件 还是 文件夹的实例
2019/06/10 Javascript
JS实现图片幻灯片效果代码实例
2020/05/21 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
2020/06/12 Javascript
[02:31]《DAC最前线》之选手酒店现场花絮
2015/01/30 DOTA
Python学习之asyncore模块用法实例教程
2014/09/29 Python
Python通过正则表达式选取callback的方法
2015/07/18 Python
Python数据拟合与广义线性回归算法学习
2017/12/22 Python
Django使用Mysql数据库已经存在的数据表方法
2018/05/27 Python
python实现定时提取实时日志程序
2018/06/22 Python
对numpy中向量式三目运算符详解
2018/10/31 Python
澳大利高级泳装品牌:Bondi Born
2018/05/23 全球购物
印尼购物网站:iLOTTE
2019/10/16 全球购物
沙特阿拉伯家用电器和电子产品购物网站:Sheta and Saif
2020/04/03 全球购物
行政人员岗位职责
2013/12/08 职场文书
公司经理聘任书
2014/03/29 职场文书
校优秀毕业生主要事迹
2014/05/26 职场文书
四风问题自查自纠工作情况报告
2014/10/28 职场文书
高中社区服务活动报告
2015/02/05 职场文书
九年级化学教学反思
2016/02/22 职场文书
把77A收信机改造成收音机
2022/04/05 无线电