`

$(function($){}) 和 (function($){})(jQuery);用法 区别

阅读更多
一、先看 

jQuery(function(){ 
}); 

   全写为 
jQuery(document).ready(function(){ 
      
}); 


   意义为在DOM加载完毕后执行了ready()方法。 


二、再看 

(function(){ 

})(jQuery); 
   
其实际上是执行()(para)匿名方法,只不过是传递了jQuery对象。 



三、总结 		


   jQuery(function(){ });
     用于存放操作DOM对象的代码,执行其中代码时DOM对象已存在。不可用于存放开发插件的代码,因为jQuery对象没有得到传递,外部通过jQuery.method也调用不了其中的方法(函数)。 

  
   (function(){ })(jQuery);
    用于存放开发插件的代码,执行其中代码时DOM不一定存在,所以直接自动执行DOM操作的代码请小心使用。
0
0
分享到:
评论

相关推荐

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

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

    Jquery $when done then的用法详解

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

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

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

    jquery插件使用方法大全

    attribute(改进了.attr()的性能)、jQuery()核心函数、CSS(.css()性能有两倍提升)、特效和事件、DOM操作等也有显著改进 1.5 美国时间1月31日John Resig在jQuery官方博客发表文章,宣布jQuery 1.5正式版已经如期...

    jquery.table2excel.js

    使用方法: $(document).ready(function() { //导出excel $("#output").click(function(){ var myDate = new Date(); $("#example").table2excel({ exclude: ".noExl", name: "Excel Document Name.xlsx", ...

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

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

    jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()

    当然,jquery除了提供$.type的工具方法外,还提供了几个其他的工具方法:$.isFunction(), $.isArray(), $.isWindow(), $.isNumeric()等。这几个方法从方法名上就能看出其用途来,下面我们来一一讲解这几个方法在...

    jQuery详细教程

    jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。 亲自试一试 结论 由于 jQuery 是为处理 HTML 事件而特别设计的,那么当您遵循...

    jquery.i18n.properties和jquery.easyui.min

    js使用i18n实现页面国际化 var webLanguage = ['zh-CN', 'en']; //获取网站语言 function getWebLanguage(){ //1.cookie是否存在 if (jQuery.cookie("userLanguage")) { i18nLanguage = jQuery.cookie(...

    使用jQuery加载html页面到指定的div实现方法

    一、jQuery加载一个html页面到指定的div里 ... ...用jquery ajax 可以实现 假设 a.html 和b.html在同一目录 ... ...$(document).ready(function() { bodyContent = $.ajax({ url: "b.html", global: fals

    jQuery-ui Demo 官方UI插件

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

    jQuery回到顶部插件jQueryGoUp

    使用方法非常简单 引用jquery库和jquery.goup.min.js到你的页面 在调用下插件就OK了 $(document).ready(function () { $.goup({ trigger: 100, bottomOffset: 20, //距底部偏移量 locationOffset: 30, //距...

    浅析$(function) ready和onload 的区别

     符号“$”是jquery对象(个人这样理解,拥有函数的用法)。接着知道下面的一个等式,功能性能上是完全一致的。 $(function(){ /*do some thing*/ }) = $(document).ready(function(){/* do some thing */}) = $()....

    jQuery的RSS解析器 jFeed

    使用方法: jQuery.getFeed(options); 参数: * url: the feed URL (required). * data: data to be sent to the server. See jQuery.ajax data property. * success: a function to be called if the ...

    jQuery页面定位导航滚动插件jquery.nav

    其实原理只有一个,这里简要说明一下使用方法 1、首先写好你的网页html以及css样式,给予每一块内容唯一一个id号 2、给你的导航增加一个唯一的id号,例如index.html中的 id="nav" 3、在网页底部引入...

    Jquery $.map使用方法实例详解

    $.map() 函数用于使用指定函数处理数组中的每个元素(或对象的每个属性),并将处理结果封装为新的数组返回。 注意: 1. 在jQuery 1.6 之前,该函数只支持遍历数组;从 1.6 开始,该函数也支持遍历对象。 2. map()还...

    jQuery setTimeout()函数使用方法

    和window.clearTimeout一起使用.我在 代码如下:$(document).ready(function(){setTimout(test(),200); function test() { alert(1); } }); 只会执行一次,有朋友说可以使用 代码如下:setInterval (...

    jquery.media及使用方法

    $(function() { $('a.media').media({width:800, height:600}); }); [removed] </head> <body> <center> <div class="panel panel-primary"> ...

    jquery-1.1.3 效率提高800%

    选择器速度提升 选择器的速度大幅度提高了,下表为jQuery1.1.2和1.1.3的选择器速度对比,提高了8倍多 Browser jQuery 1.1.2 jQuery 1.1.3 % Improvement IE 6 4890ms 661ms 740% Firefox 2 5629ms 567...

    Jquery学习手册

    jquery学习笔记,很全面的介绍jquery的用法。 存在的html片段)包装成jQuery对象。 $()方法里面支持的语法又包括3大类,分别是表达式(包括类表达式.,id表达式#,元素表达式等)、符号(包括后代符号space,next符号+...

Global site tag (gtag.js) - Google Analytics