`

$(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(document).ready(function($) { });的几种表示方法

    在JavaScript的世界里,jQuery库为开发者提供了方便的方式来处理DOM(文档对象模型)的加载和交互。`jQuery(document)....理解这些不同方法的用法和区别,可以帮助开发者更有效地编写JavaScript代码,优化用户体验。

    JQuery中$(function()的用法

    JQuery中$(function()的用法

    Jquery $when done then的用法详解

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

    ajaxFileUpload 报这错jQuery.handleError is not a function

    当你遇到“jQuery.handleError is not a function”的错误时,这意味着在使用ajaxFileUpload过程中,程序尝试调用jQuery的一个错误处理方法,但这个方法在当前版本的jQuery中并未定义。这个问题通常出现在从较旧的...

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

    这样,函数体内的 `$` 就可以直接代表 `jQuery`,方便我们使用 jQuery 提供的各种方法和功能。 让我们看一个简单的例子: ```javascript var str = "全局字符串..."; (function ($) { // 在这里,$ 是 jQuery 的...

    Jquery中$与$.fn的区别实例.zip

    在jQuery库中,`$`和`$.fn`都是核心组成部分,但它们有着不同的用途和功能。...通过实践和探索`Jquery中$与$.fn的区别实例`中的示例,你将能深入理解这两个核心组件的用法和它们在实际项目中的应用。

    jquery简单用法大全

    2. **链式操作**: jQuery对象支持链式调用,这意味着一个方法调用结束后可以直接调用另一个方法,如`$("#element").hide().fadeIn()` 3. **DOM操作**: jQuery提供了便利的DOM操作方法,如`append()`用于在元素末尾...

    jQuery点击弹出信息提示框插件.zip

    jQuery点击弹出信息提示框插件是一个非常实用的前端开发工具,主要应用于网页交互效果的增强,特别是用户操作...如果你不熟悉jQuery,可以借助在线教程或文档来学习其基本用法和API,这将有助于你更好地利用这个插件。

    jquery 的ajax用法

    本文将深入探讨jQuery中的Ajax用法,包括基本使用、参数配置、请求类型以及处理响应。 ### 1. 基本使用 jQuery的Ajax方法是`$.ajax()`,其基本语法如下: ```javascript $.ajax({ url: '...

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

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

    jquery $.fn.extend

    `$.fn.extend`是jQuery库中的一个核心方法,主要用于扩展jQuery对象的方法集合。这个方法允许开发者自定义jQuery的函数,从而实现对DOM元素的操作或添加新的功能。在jQuery中,`$.fn`实际上是`$.prototype`的一个...

    jquery 插件开发

    在本篇文章中,我们将详细解析如何通过$.extend()方法扩展jQuery、如何通过$.fn向jQuery添加新的方法以及如何使用$.widget()方法应用jQuery UI的部件工厂方式创建插件。 首先,我们来看如何通过$.extend()方法扩展...

    JQUERY精选使用方法

    ### JQUERY精选使用方法 #### 一、页面元素的引用 在使用jQuery的过程中,通过`$()`函数选择页面中的元素是十分基础的操作。这个选择器支持多种方式来定位DOM元素,比如通过ID、类名、元素名称甚至是复杂的DOM或...

    jquery.table2excel.js

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

    jQueryPost页面不能刷新

    在JavaScript和jQuery的世界里,`$.ajax`系列方法是用于执行异步数据请求的核心工具,其中`$.post`是它们的简化版本,专门用于POST类型的HTTP请求。然而,当遇到"jQueryPost页面不能刷新"的问题时,这通常意味着在...

    jQuery笔记和jQuery插件的使用

    "Write Less, Do More"是jQuery的核心理念,通过简短的代码实现丰富的页面交互和动画效果。jQuery的设计目标是使得JavaScript编程变得更加简单,尤其在处理DOM操作、事件处理、动画效果以及Ajax交互等方面。 **...

    jQuery1.12.4+jQuery中文手册.rar

    - 遇到具体问题时,查阅CHM文件中的API文档,了解具体函数或方法的用法和参数。 - 结合实际项目练习,将jQuery的知识应用到网页交互、动态效果和Ajax通信中,提升开发效率。 以上是对jQuery 1.12.4及其相关资源的...

    jquery.common通用方法

    1. DOM操作:jQuery.common往往包含了一些便捷的DOM元素选择、创建和操作的方法,例如选取页面上的特定元素、获取或设置元素的属性、插入或删除DOM节点等。 2. 事件处理:通用方法中通常会包含对常见事件的处理,如...

    jquery与js函数冲突的两种解决方法.docx

    这两种方法都可以有效地解决jQuery和其他JavaScript库之间的冲突,让你可以在同一页面上同时使用它们。在编写代码时,选择适合项目需求的方法,以确保代码的稳定性和兼容性。 **总结** 1. 使用`jQuery.noConflict...

Global site tag (gtag.js) - Google Analytics