`

【jquery】jQuery(function(){}) 与 (function($){})(jQuery) 的区别

 
阅读更多
  1. jQuery(function(){})
    全写为
    jQuery(document).ready(function(){
       //代码
    });
    意义为在DOM加载完毕后执行ready()方法
  2. (function($){
       //代码
    })(jQuery)
    实际执行(形参)(实参)匿名方法,只不过实参是传递了jQuery对象
  3. 总结:
    jQuery(function(){})用于存放DOM对象的代码,执行其中的代码时DOM对象已经存在。
    不可用于存放开发插件代码,因为jQuery对象没有被传递,外部通过jQuery.methodye
    调用不到其中方法。(尽量避免操作jQuery类)
    (function($){})(jQuery)用于存放开发插件的代码,执行其中代码DOM不一定存在,直接
    自动执行DOM操作代码请小心使用(尽量避免操作DOM对象)
分享到:
评论

相关推荐

    jquery 用法 (function($) {})(jQuery);的用法

    页面前端 jquery 用法 (function($) {})(jQuery);的用法

    怎样理解(function($){...})(jQuery)

    本示例主要用于揭示Jquery中的(function($){...})(jQuery),欢迎下载!!!相关博客:http://blog.csdn.net/gaohuanjie/article/details/38268831

    jQuery中(function($){})(jQuery)详解

    本文通过具体示例向大家详细介绍了jQuery中的(function($){})(jQuery)的用法和意义,对此有相同困惑的小伙伴可以参考下本文。

    jQuery(document).ready(function($) { });的几种表示方法

    在写jquery的时候,因为平时用sublime text快捷键生成jQuery(document).ready(function($) { });,所以忘记了其他的几种表示方法,今天花了几分钟特意记录了一下。

    Jquery $when done then的用法详解

    对于$.ajax请求来说,如果层级比较多,程序看起来会比较乱,而为了解决这种问题,才有了$...success: function (data) { $.ajax({ url: /home/GetProduct, dataType: JSON, type: GET, success: function (data) { $.a

    jquery手冊--jquery.chm

    jQuery $(Function fn) $(document)的简写方式。 jQuery $(String expr,Element|jQuery context) 这个函数接收一个包含CSS或基本的XPath选择符的字符串,然后用这个字符串去匹配一组元素。 jQuery $.extent(Object...

    jquery.table2excel.js

    jquery.table2excel.js,一款挺好用的javascript导出插件,需要jquery-1.7.1.min.js的支持。使用方法: $(document).ready(function() { //导出excel $("#output").click(function(){ var myDate = new Date(); ...

    ajaxFileUpload 报这错jQuery.handleError is not a function

    NULL 博文链接:https://zhangzhaoaaa.iteye.com/blog/2123021

    Jquery ready function Tester Source!

    Jquery ready function Tester Source!

    jQuery延迟执行的实现方法

    本文实例讲述了jQuery延迟执行的实现方法。分享给大家供大家参考,具体如下: 做一个控件时碰到的一些无法同步处理的事件,可以用这样的延迟方法。 <html> [removed][removed] [removed] $(function(){ $('#...

    jQuery在header中设置请求信息的方法

    jquery是js的类库,js本身不能操作header,因为js是在浏览器加载页面过程中才开始执行的header需要服务器端执行操作 如果是ajax,是可以设置header $.ajax({ url: "", data: {}, type: "GET", beforeSend: ...

    jQuery 1.4.1 中文参考

    11.3.2 jQuery.proxy(function, scope) 190 11.4 测试操作 191 11.4.1 jQuery.contains(container, contained) 191 11.4.2 jQuery.isArray(obj) 192 11.4.3 jQuery.isFunction(obj) 192 11.4.4 jQuery.isEmptyObject...

    jquery-2.table2excel

    $("#output").click(function(){ var myDate = new Date(); $("#example").table2excel({ exclude: ".noExl", name: "Excel Document Name.xlsx", filename: myDate.toLocaleString(), exclude_img: true, ...

    JavaScript的jQuery库中function的存在和参数问题

    jQuery function 参数传递 jQuery的function函数中使用外部变量: //如何取得i的变量 for(i=0;i<3;i++) { $.get("/test.html", function(data){ alert(i) }); } //使用闭包: for(i=0;i<3;i++) {...

    jQuery中;function($,undefined) 前面的分号的用处

    主要介绍了jQuery中;function($,undefined) 前面的分号的用处,需要的朋友可以参考下

    处理jquery版本之间冲突

    大家都知道jquery版本有好多,之间冲突很纠结。 比如我刚来这公司的时候,后端的哥们用的是jQuery 1.3.2,我了个去,那哥们好久没更新了。 我写的效果插件都是最新的jquery1.7.1。 不兼容蛋疼啊,参考前人资料,看书...

    jquery-migrate3.4版本

    jquery-migrate3.4版本

    Jquery重复透明显示

    Jquery重复透明显示,$(document).ready(function(){ $("#dd").fadeOut(10000, function () { showDiv(); }); function hideDiv() { $("#dd").fadeOut(10000, function () { showDiv(); }); }; function showDiv() ...

    jQuery中isFunction方法的BUG修复

    修复 jQuery 中 isFunction 方法的 BUG

    jQuery-ui Demo 官方UI插件

    最新官方jQuery UI插件 主流特效Demo,绝不含糊。 好东西不需要过多的言辞修饰,下了就知道! 所有效果说明: 基本的鼠标互动: 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种...

Global site tag (gtag.js) - Google Analytics