`

【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);的用法

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

    **第五种:jQuery的`$(document).ready()`与`window.onload()`的区别** - `$(document).ready()`在DOM元素加载完毕后立即执行,不需要等待所有资源(如图片、CSS等)加载完成。 - 相比之下,`window.onload()`需要...

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

    在jQuery的代码中,我们经常看到一种特殊的语法结构 `(function($){})(jQuery)`,这被称为立即执行函数表达式(IIFE,Immediately Invoked Function Expression)。这个结构在jQuery插件开发中尤为常见,因为它提供...

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

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

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

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

    JQuery中$(function()的用法

    JQuery中$(function()的用法

    ajaxFileUpload 报这错jQuery.handleError is not a function

    3. **检查ajaxFileUpload插件**:确保你正在使用的ajaxFileUpload插件是最新的,并且与你当前的jQuery版本兼容。如果插件需要更新,可以从官方源或者GitHub仓库获取最新版本。 4. **调试**:打开浏览器的开发者工具...

    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...

    jQuery1.12.4+jQuery中文手册.rar

    3. **事件处理**:`$(selector).click(function() {...})`用于为元素绑定点击事件,`$(document).ready(function() {...})`则确保在DOM加载完成后执行指定的代码。 4. **动画效果**:`$(selector).fadeIn()`和`....

    jquery $.fn.extend

    通过这种方式,我们能够构建自己的事件系统,使其与jQuery的事件处理机制无缝集成。 ### 总结 `$.fn.extend`是jQuery的核心扩展机制,它使得开发者可以轻松地为jQuery添加新的功能,提高代码复用性和可维护性。...

    Jquery演示 jquerydemo jquery常用

    **jQuery 演示:深入理解与应用** jQuery 是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本篇文章将围绕"jQuery演示"这一主题,深入探讨jQuery的...

    jquery1.12.4与jquery1.12.4.min

    《jQuery 1.12.4与jQuery 1.12.4.min——JavaScript库的高效选择》 jQuery,作为一款广泛使用的JavaScript库,极大地简化了网页中的DOM操作、事件处理、动画效果以及Ajax交互。这里我们将深入探讨jQuery 1.12.4及其...

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

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

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

    jQuery点击弹出信息提示框插件是一个非常实用的前端开发工具,主要应用于网页交互效果的增强,特别是用户操作反馈方面。这个插件基于JavaScript库jQuery,它简化了DOM操作、事件处理、动画制作等任务,使得创建动态...

    jquery.processing.plugin.js以及详细演示

    **jQuery Processing Plugin.js详解与应用实例** jQuery Processing Plugin.js 是一个基于 jQuery 和 Processing.js 的插件,它将Processing的强大功能引入到Web开发中,使得在网页上创建动态、交互式的图形变得...

    jquery文档JQuery API手册与JQuery UI API手册_1.2.rar

    **jQuery API手册与jQuery UI API手册** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。这个压缩包包含的“jQuery API手册”和“jQuery UI API手册”...

    jquery.common通用方法

    《jQuery.common通用方法详解》 在Web开发领域,jQuery库以其简洁、易用的API深受开发者喜爱。jQuery.common就是一种常见的做法,它将常用的jQuery方法进行封装,形成一个通用的方法集合,以方便开发者在项目中复用...

    jquery-1.12.4-jquery.min.js.zip

    2. **事件处理**:jQuery 的事件处理比原生JavaScript更加直观,例如`$(document).ready(function() { ... })`用于页面加载完成后执行代码,`$("button").click(function() { ... })`用于监听按钮点击事件。 3. **...

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    这两个文件的主要区别在于,前者是未经压缩的源代码版本,方便开发者阅读和调试;后者则是经过压缩优化的版本,用于生产环境以提高页面加载速度。 1. **jQuery简介** jQuery是一个轻量级的JavaScript库,它极大地...

Global site tag (gtag.js) - Google Analytics