`

jQuery(function(){})与(function(){})(jQuery)的区别

阅读更多
开发jQuery插件时总结的一些经验分享一下。
一、先看

jQuery(function(){ 
}); 

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


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

(function(){ 

})(jQuery); 

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

三、总结

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

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


(function($){...})(jQuery)实际上是匿名函数,不懂得朋友可以继续往下看。

这里实际上是匿名函数 function(arg){...} 这就定义了一个匿名函数,参数为arg 而调用函数时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要用括号,即: (function(arg){...})(param) 这就相当于定义了一个参数为arg的匿名函数,并且将param作为参数来调用这个匿名函数 而(function($){...})(jQuery)则是一样的,之所以只在形参使用$,是为了不与其他库冲突,所以实参用jQuery var fn = function($){....}; fn(jQuery);


是初始化jquery对象的惯用方法..



通俗点说就是在页面加载完成后执行你需要的代码.

不过这个东西,有的时候会使页面跳动,
分享到:
评论

相关推荐

    ajaxFileUpload 报这错jQuery.handleError is not a function

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

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

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

    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)`,这被称为立即执行函数表达式(IIFE,Immediately Invoked Function Expression)。这个结构在jQuery插件开发中尤为常见,因为它提供...

    Jquery ready function Tester Source!

    Jquery ready function Tester Source!

    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高亮图片框 jquery图片展示 jquery效果很好

    标题“jquery高亮图片框 jquery图片展示 jquery效果很好”所指的知识点主要围绕jQuery如何实现高亮图片框以及优雅地展示图片。下面将详细介绍这两个方面,并探讨jQuery库在实现这些功能时的优势。 首先,jQuery高亮...

    jquery-1.11.0+jquery-UI-1.10.4

    《jQuery 1.11.0与jQuery UI 1.10.4:经典组合的深度解析》 在Web开发领域,jQuery与jQuery UI是两个不可或缺的重要库,它们极大地简化了JavaScript的DOM操作和用户界面设计。本篇将深入探讨jQuery 1.11.0与jQuery ...

    jquery-1.12.4-jquery.min.js.zip

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

    jQuery官方最新 jquery-1.6.2

    Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理...

    jquery-3.5.1.rar

    2. 事件处理:jQuery统一了事件处理的方式,如 `$(selector).click(function(){...})` 用于绑定点击事件,`$(selector).on('mouseover', function(){...})` 用于绑定鼠标悬停事件。 3. 动画效果:jQuery的动画功能...

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

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

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

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

    jquery.event.drag jquery拖动插件

    《jQuery Event Drag 插件深度解析与应用实践》 在Web开发中,用户交互体验的提升是关键之一,其中拖放(Drag and Drop)功能尤为常见,如文件管理、元素布局等。jQuery作为广泛使用的JavaScript库,提供了丰富的...

    jQuery插件,jQuery插件

    jQuery插件是JavaScript库jQuery生态系统中的一个重要组成部分,它极大地扩展了jQuery的核心功能,为开发者提供了丰富的功能和便捷的API,以实现各种复杂的网页交互和特效。jQuery插件通常由开发者社区创建并开源,...

    jquery中文版离线手册

    3. **事件处理**:jQuery统一了跨浏览器的事件处理,`click(function)`绑定点击事件,`bind('event', function)`绑定多种事件。 4. **链式操作**:jQuery对象方法返回的是jQuery对象本身,允许连续调用多个方法,如`...

    jQuery基础自学笔记(pink老师jQuery全内容)

    《jQuery基础自学笔记》 jQuery 是一款非常流行的 JavaScript 库,由 John Resig 在2006年创建,它的出现极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 的设计理念是“Write Less, Do ...

    jquery.table2excel.js

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

    jquery实现PDF在线预览 jquery实现在线预览PDF文档

    以下是实现jQuery与PDF.js结合的步骤: 1. **引入库**:首先,你需要在HTML文件中引入jQuery库和PDF.js库。通常,jQuery可以从CDN获取,而PDF.js则需要从其官方GitHub仓库下载,或者使用CDN链接。 ```html ...

Global site tag (gtag.js) - Google Analytics