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插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
Apr 11 jQuery
Jquery把获取到的input值转换成json
May 15 jQuery
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
jQuery发请求传输中文参数乱码问题的解决方案
May 22 jQuery
jQuery实现table表格checkbox全选的方法分析
Jul 04 jQuery
jquery判断滚动条距离顶部的距离方法
Sep 05 jQuery
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
jQuery判断自定义属性data-val用法示例
Jan 07 jQuery
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
jquery实现进度条状态展示
Mar 26 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
php实现的Cookies操作类实例
2014/09/24 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
jquery 无限级联菜单案例分享
2013/03/26 Javascript
javascript与jquery中跳出循环的区别总结
2013/11/04 Javascript
js实现跨域的多种方法
2015/12/25 Javascript
学习JavaScript设计模式之责任链模式
2016/01/18 Javascript
JavaScript与jQuery实现的闪烁输入效果
2016/02/18 Javascript
微信小程序 五星评分(包括半颗星评分)实例代码
2016/12/14 Javascript
Nodejs多站点切换Htpps协议详解及简单实例
2017/02/23 NodeJs
zTree实现节点修改的实时刷新功能
2017/03/20 Javascript
浅谈webpack4 图片处理汇总
2018/09/12 Javascript
百度小程序自定义通用toast组件
2019/07/17 Javascript
在vue中使用Echarts利用watch做动态数据渲染操作
2020/07/20 Javascript
原生JS实现音乐播放器
2021/01/26 Javascript
python实现端口转发器的方法
2015/03/13 Python
pandas全表查询定位某个值所在行列的方法
2018/04/12 Python
Python实现的服务器示例小结【单进程、多进程、多线程、非阻塞式】
2019/05/23 Python
对python中的float除法和整除法的实例详解
2019/07/20 Python
Python使用Tkinter实现滚动抽奖器效果
2020/01/06 Python
python--shutil移动文件到另一个路径的操作
2020/07/13 Python
python爬虫中url管理器去重操作实例
2020/11/30 Python
HTML5 新旧语法标记对我们有什么好处
2012/12/13 HTML / CSS
野兽派官方旗舰店:THE BEAST 野兽派
2016/08/05 全球购物
玩具反斗城葡萄牙官方商城:Toys"R"Us葡萄牙
2016/10/21 全球购物
美国名牌太阳镜折扣网站:Eyedictive
2017/05/15 全球购物
莫斯科珠宝厂官方网站:Miuz
2020/09/19 全球购物
static函数与普通函数有什么区别
2015/12/25 面试题
影视动画专业个人的自我评价
2013/12/31 职场文书
公司培训心得体会
2014/01/03 职场文书
新闻编辑专业毕业自荐书范文
2014/02/05 职场文书
供货协议书范本
2014/04/22 职场文书
人力资源管理专业求职信
2014/07/23 职场文书
大学新生军训自我鉴定
2014/09/18 职场文书
党的群众路线教育实践活动个人整改措施材料
2014/11/04 职场文书
写给女朋友的保证书
2015/05/09 职场文书
2016高校自主招生自荐信范文
2016/01/28 职场文书