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实现用户名重名实时检测
Jun 01 jQuery
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
Sep 20 jQuery
基于jquery实现五星好评
Nov 18 jQuery
使用jQuery 操作table 完成单元格合并的实例
Dec 27 jQuery
jQuery常见的遍历DOM操作详解
Sep 05 jQuery
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
Jun 06 jQuery
jquery中为什么能用$操作
Jun 18 jQuery
jquery实现自定义树形表格的方法【自定义树形结构table】
Jul 12 jQuery
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
jQuery实现简易QQ聊天框
Feb 10 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
Windows 下的 PHP-PEAR 安装方法
2010/11/20 PHP
PHP 登录记住密码实现思路
2013/05/07 PHP
Whatever:hover 无需javascript让IE支持丰富伪类
2010/06/29 Javascript
自定义的一个简单时尚js下拉选择框
2013/11/20 Javascript
使用firebug进行调试javascript的示例
2013/12/16 Javascript
解决json日期格式问题的3种方法
2014/02/02 Javascript
常用DOM整理
2015/06/16 Javascript
JavaScript中Null与Undefined的区别解析
2015/06/30 Javascript
javascript 判断两个日期之差的示例代码
2015/09/05 Javascript
谈谈对offsetleft兼容性的理解
2015/11/11 Javascript
jQuery mobile转换url地址及获取url中目录部分的方法
2015/12/04 Javascript
JS组件Bootstrap Select2使用方法详解
2020/04/17 Javascript
javascript如何定义对象数组
2016/06/07 Javascript
js输出数据精确到小数点后n位代码
2016/07/02 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
2019/05/12 Javascript
Vue实现回到顶部和底部动画效果
2019/07/31 Javascript
vue3 源码解读之 time slicing的使用方法
2019/10/31 Javascript
python实现的守护进程(Daemon)用法实例
2015/06/02 Python
详解C++编程中一元运算符的重载
2016/01/19 Python
Python数据类型详解(三)元祖:tuple
2016/05/08 Python
python通过pip更新所有已安装的包实现方法
2017/05/19 Python
Python模块的定义,模块的导入,__name__用法实例分析
2020/01/07 Python
sklearn+python:线性回归案例
2020/02/24 Python
python 已知一个字符,在一个list中找出近似值或相似值实现模糊匹配
2020/02/29 Python
Python HTTP下载文件并显示下载进度条功能的实现
2020/04/02 Python
python3.6中anaconda安装sklearn踩坑实录
2020/07/28 Python
Python如何爬取51cto数据并存入MySQL
2020/08/25 Python
python实现经纬度采样的示例代码
2020/12/10 Python
国际礼品店:GiftsnIdeas
2018/05/03 全球购物
高校教师思想汇报
2014/01/11 职场文书
《散步》教学反思
2014/03/02 职场文书
求职信结尾怎么写
2014/05/26 职场文书
企业安全生产目标责任书
2014/07/23 职场文书
大学生党员个人对照检查材料范文
2014/09/25 职场文书
python 管理系统实现mysql交互的示例代码
2021/12/06 Python
利用nginx搭建RTMP视频点播、直播、HLS服务器
2022/05/25 Servers