深夜课堂：(function($){})(jQuery)函数以及其它jQ函数

玉儿Qi

于 2016-04-22 21:51:32 发布

阅读量515

点赞数 1

CC 4.0 BY-SA版权

分类专栏：兔子深夜课堂：JavaScript 文章标签： jquery 函数

本文链接：https://blog.youkuaiyun.com/u014328357/article/details/51223513

117 篇文章

订阅专栏

本文主要介绍了jQuery中常用的方法和技巧，包括如何使用$(document).ready()确保DOM加载完成后再执行代码，以及如何通过匿名函数的形式来开发jQuery插件，避免变量冲突。此外还讲解了如何扩展jQuery的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(function(){
    // ...
});

相当于：

$(document).ready(function(){
    // ...
});

用于存放操作DOM对象的代码，执行其中代码时DOM对象已存在

而虾面这段代码，则是一个匿名函数：

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

用于存放开发插件的代码，执行其中代码时DOM不一定存在。
但是这样写的好处是限制了变量的作用域，使得各个插件之间不冲突。

这段代码：

$.fn.apple = function(){
    var a=0;
    console.log(a);
    a=a+1;
};

则用于扩展jquery函数，定义好的函数可以这样调用：

$("#first").apple();

虾面这两种写法，第一种不会自动执行，而第二种则会被执行。

var initData = function(){
    console.log("initData");
};

var initData = function(){
    console.log("initData");
}();