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常见面试题之DOM操作详析
Jul 05 jQuery
bootstrap可编辑下拉框jquery.editable-select
Oct 12 jQuery
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
jQuery创建折叠式菜单
Jun 15 jQuery
jQuery位置选择器用法实例分析
Jun 28 jQuery
jquery实现垂直手风琴菜单
Mar 04 jQuery
jquery检测上传文件大小示例
Apr 26 jQuery
jQuery实现动态加载瀑布流
Sep 01 jQuery
jquery实现拖拽小方块效果
Dec 10 jQuery
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 jQuery
jquery插件实现图片悬浮
Apr 16 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
DOTA2【瓜皮时刻】Vol.91 RTZ山史最惨“矿难”
2021/03/05 DOTA
PHP利用COM对象访问SQLServer、Access
2006/10/09 PHP
PHP 应用容器化以及部署方法
2018/02/12 PHP
php日志函数error_log用法实例分析
2019/09/23 PHP
jQuery第三课 修改元素属性及内容的代码
2010/03/14 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
2014/12/15 Javascript
JavaScript日期类型的一些用法介绍
2015/03/02 Javascript
基于jquery ui的alert,confirm方案(支持换肤)
2015/04/03 Javascript
JavaScript添加随滚动条滚动窗体的方法
2016/02/23 Javascript
jquery+ajax+text文本框实现智能提示完整实例
2016/07/09 Javascript
js中字符型和数值型数字的互相转化方法(必看)
2017/04/25 Javascript
jQuery实现拖动效果的实例代码
2017/06/25 jQuery
详解win7 cmd执行vue不是内部命令的解决方法
2017/07/27 Javascript
jQuery选择器之属性筛选选择器用法详解
2017/09/19 jQuery
解决vuejs项目里css引用背景图片不能显示的问题
2018/09/13 Javascript
vue动画之点击按钮往上渐渐显示出来的实例
2018/09/29 Javascript
深入理解js A*寻路算法原理与具体实现过程
2018/12/13 Javascript
微信小程序template模版的使用方法
2019/04/13 Javascript
基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
2019/04/18 Javascript
详解vue中移动端自适应方案
2019/05/05 Javascript
详解Vue前端生产环境发布配置实战篇
2019/05/07 Javascript
Python多线程结合队列下载百度音乐的方法
2015/07/27 Python
Python利用pandas计算多个CSV文件数据值的实例
2018/04/19 Python
Python3+PyInstall+Sciter解决报错缺少dll、html等文件问题
2019/07/15 Python
为你的html5网页添加音效示例
2014/04/03 HTML / CSS
美国皮靴公司自1863年:The Frye Company
2016/11/30 全球购物
大学生职业生涯规划书模版
2013/12/30 职场文书
军神教学反思
2014/02/04 职场文书
纪检监察建议书
2014/05/19 职场文书
活动总结结尾怎么写
2014/08/30 职场文书
2014国庆节主题活动方案:快乐的国庆节
2014/09/16 职场文书
2014年教师党员自我评议
2014/09/19 职场文书
单位工作证明
2014/10/07 职场文书
2014年大堂经理工作总结
2014/11/21 职场文书
详解Spring Boot使用系统参数表提升系统的灵活性
2021/06/30 Java/Android
Java SSM配置文件案例详解
2021/08/30 Java/Android