(function($){...})(jQuery)

转载于 2018-06-08 09:45:00 发布 · 42 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lxh520/p/9154023.html

文章标签：

#javascript #ViewUI

本文介绍了如何在HTML页面中利用jQuery结合匿名函数进行操作。通过具体的代码实例展示了匿名函数的定义与使用，以及如何避免变量污染，确保函数立即执行。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="jquery-1.9.0.min.js"></script>
<title>Insert title here</title>

<script type="text/javascript">
$(function(){
    
    //匿名函数，形参$ ，实参"bb"
    (function($){alert($);})("bb");
    //等价于
    var c = function(param){alert(param);}
    c("aa");
    //这样写的好处，避免变量污染，让匿名函数立即执行
    
    alert($);
});

</script>
</head>
<body>

<input type="button"  disabled="disabled"  id="aaa"  />

</body>
</html>