jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
(编辑:jimmy 日期: 2024/12/27 浏览:3 次 )
本文实例讲述了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常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
下一篇:JS加载解析Markdown文档过程详解