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实现的手风琴侧边菜单效果
Mar 29 jQuery
jQuery异步提交表单实例
May 30 jQuery
各种选择框jQuery的选中方法(实例讲解)
Jun 27 jQuery
jQuery使用ajax_动力节点Java学院整理
Jul 05 jQuery
jQuery获取table表中的td标签(实例讲解)
Jul 28 jQuery
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 jQuery
jQuery实现checkbox的简单操作
Nov 18 jQuery
jQuery图片查看插件Magnify开发详解
Dec 25 jQuery
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
May 26 jQuery
jQuery实现的3D版图片轮播示例【滑动轮播】
Jan 18 jQuery
JQuery特殊效果和链式调用操作示例
May 13 jQuery
jQuery实现文本显示一段时间后隐藏的方法分析
Jun 20 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
10个新的最有前途的JavaScript框架
2009/03/12 Javascript
基于jquery扩展漂亮的CheckBox(自己编写)
2013/11/19 Javascript
jquery实现的图片点击滚动效果
2014/04/29 Javascript
深入浅析JavaScript的API设计原则
2016/06/14 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
2016/07/24 Javascript
node.js实现博客小爬虫的实例代码
2016/10/08 Javascript
原生js实现淘宝购物车功能
2020/06/23 Javascript
JS实现留言板功能
2017/06/17 Javascript
jquery easyui如何实现格式化列
2017/07/30 jQuery
javascript计算渐变颜色的实例
2017/09/22 Javascript
详解利用Angular实现多团队模块化SPA开发框架
2017/11/27 Javascript
JS/jQuery实现DIV延时几秒后消失或显示的方法
2018/02/12 jQuery
Vue中用props给data赋初始值遇到的问题解决
2018/11/27 Javascript
微信小程序自定义带价格显示日历效果
2018/12/29 Javascript
Node.js JSON模块用法实例分析
2019/01/04 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
2019/04/17 Javascript
深度解读vue-resize的具体用法
2020/07/08 Javascript
vue 需求 data中的数据之间的调用操作
2020/08/05 Javascript
分析python服务器拒绝服务攻击代码
2014/01/16 Python
使用BeautifulSoup爬虫程序获取百度搜索结果的标题和url示例
2014/01/19 Python
python实现将html表格转换成CSV文件的方法
2015/06/28 Python
Python构建XML树结构的方法示例
2017/06/30 Python
教你学会使用Python正则表达式
2017/09/07 Python
python实现将文件夹下面的不是以py文件结尾的文件都过滤掉的方法
2018/10/21 Python
Python类的继承用法示例
2019/01/31 Python
python实现超市商品销售管理系统
2019/10/25 Python
如何使用python记录室友的抖音在线时间
2020/06/29 Python
python多线程semaphore实现线程数控制的示例
2020/08/10 Python
python爬虫利用代理池更换IP的方法步骤
2021/02/21 Python
纯css3实现鼠标经过图片显示描述的动画效果
2014/09/01 HTML / CSS
End Clothing美国站:英国男士潮牌商城
2018/04/20 全球购物
IGK Hair官网:喷雾、洗发水、护发素等
2020/11/03 全球购物
保安2014年终工作总结
2014/12/06 职场文书
解决SpringCloud Feign传对象参数调用失败的问题
2021/06/23 Java/Android
使用logback实现按自己的需求打印日志到自定义的文件里
2021/08/30 Java/Android
《原神》新角色演示“神里绫人:林隐泓洄” 宠妹狂魔
2022/04/03 其他游戏