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

最新推荐文章于 2023-06-06 10:36:07 发布
转载 最新推荐文章于 2023-06-06 10:36:07 发布 · 594 阅读 · 0

本文介绍了在使用jQuery开发插件时需要注意的两个关键点：一是如何确保DOM加载完成后再执行代码，二是如何正确地将jQuery对象传递给插件以便于进行DOM操作。文章通过具体的代码示例帮助读者理解这两点的重要性。
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操作的代码请小心使用。


jquery 用法 (function($) {})(jQuery);的用法
02-10
页面前端 jquery 用法 (function($) {})(jQuery);的用法
jQuery中(function($){})(jQuery)详解
10-23
在jQuery的代码中，我们经常看到一种特殊的语法结构 `(function($){})(jQuery)`，这被称为立即执行函数表达式（IIFE，Immediately Invoked Function Expression）。这个结构在jQuery插件开发中尤为常见，因为它提供...
jQuery中$(function() {});问题详解
10-23
$(function() {});是$(document).ready(function(){ })的简写，最早接触的时候也说$(document).ready(function(){ })这个函数是用来取代页面中的[removed];但是今天发现 好像不是这样回事！是在做一个页面载入效果时发现的！
Jquery—Jquery中的(function($){...})(jQuery)
gaohuanjie的专栏
07-29 6186
当你第一眼看到“(function($){...})(jQuery)”的时候，你有什么感觉？呵呵呵，我当时还是止不住的从心底里骂了一句——操，这他妈什么劳什子。时过境迁，对于现在无比倚重Jquery的我，自感当时自己是那么的无知，今天忙里偷闲，解释一下究竟“(function($){...})(jQuery)”该怎样理解：
Jquery中(function($){...})(jQuery)，$(function(){})，$.extend(object)和$.fn.extend(object)
zhulongxi的博客
05-19 3190
1.(jQuery(function($){...})(jQuery)：     匿名函数：function($){...}参数为$、function(arg){...}参数为arg。     调用匿名函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，（相当于函数自执行，即定义了一个匿名函数，然后又调用该函数，该函数的实参为jQuery。）     (jQuer
jQuery function的正确书写方法
10-27
在介绍jQuery function的正确书写方法之前，我们先来了解一下jQuery是什么。jQuery是一个轻量级的JavaScript库，它通过简化HTML文档遍历、事件处理、动画和Ajax交互，极大地简化了JavaScript编程。它是一个快速且...
浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
10-26
综上所述，jQuery(function(){}) 与 (function(){})(jQuery) 在使用场景和目的上有明显的区别。前者更适合于在文档完全加载后进行DOM操作和绑定事件，而后者则适用于初始化操作，以及创建独立作用域来避免变量名冲突...
简单谈谈jQuery(function(){})与(function(){})(jQuery)
10-25
2. `(function(){})(jQuery)`：通常用于开发jQuery插件，确保代码在DOM加载时执行，同时可以安全地使用`$`符号，避免与其他库冲突。此时，DOM可能还未完全加载，因此直接进行DOM操作需要谨慎。 理解这两者之间的...
jQuery(function($){...})与(function($){...})(jQuery)知识点分享
xiaozhen0610的博客
06-10 288
写jQuery插件时一些经验分享一下。一、推荐写法 jQuery(function($){ //coding }); 全写为 jQuery(document).ready(function($){ //coding }); 1、意义为在DOM加载完毕后执行了ready()方法。 2、$私有变量，与其他插件不冲突 二、不推荐写法 (function($){ //coding })(jQuery); 1、立即执行函数；相当于先申明一个函数，声明完后...
jQuery的 $(function(){}) 和 (function($) {})(jQuery)
u013952133的博客
03-01 3395
jQuery的文档就绪函数：$(document).ready(function(){ --- jQuery functions go here ---- });$(function(){…}); 也可以写作 jQuery(function($) {…}); ， 其实就是$(document).ready(function{...}); 的简写。jQuery(function(){ });o...
jQuery中 (function($){…})(jQuery)方法使用
以后的今天的博客
08-01 2047
刚刚学习jQuery看到这个方法有点蒙圈，代表什么意思呢？ 我们从JavaScript中匿名函数说起： JavaScript中匿名函数的声明与调用 function(arg1,arg2){ var z = arg1 + arg2; alert(z); }(param1,param2); arg1 与arg2是形参，param1，param2则是具体实参； 把param1，par
jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别详细讲解
热门推荐
王德封-逐浪
01-26 11万+
1、(function($) {…})(jQuery); 1）、原理： 这实际上是匿名函数，如下： function(arg){…} 这就定义了一个匿名函数，参数为arg 而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即： (function(arg){…})(param) 这就相当于定义了一个参数为arg的匿名函数，并且将pa
Jquery中$(function(){})
weixin_34403693的博客
05-08 1万+
1. 在哪书写js文件 如果我们要执行一段js代码，我们该怎么办呢？ 1.我们可以写一个js文件，在js文件里写执行函数，然后再<script src='...'> ... </script>，进行引用； 2.我们可以直接在HTML页面下，插入脚本，同样是<script src='...'> ... </script>，两种方式没什么区别，唯一...
$(function(){})与(function($){})(jQuery)的区别
qq_33878431的博客
08-30 257
[b][size=medium]1、(function($) {…})(jQuery); 1）、原理：[/size][/b] 这实际上是匿名函数，如下： function(arg){…} 这就定义了一个匿名函数，参数为arg 而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即： (function(arg){…})(param) ...
JS中匿名函数$(function(){ })和(function(){})()的区别
weixin_30649641的博客
03-29 260
“$(function(){ });” Jquery语法的匿名函数，用于存放操作DOM对象的代码，执行其中代码时DOM对象已存在； （通过这样就可以在页面加载完成时通过ajax再异步加载一些数据） “(function(){})();”用于存放开发插件的代码，执行其中代码时DOM不一定存在; （用于在内容加载时或加载前加载） 举例： 该例子在浏览器中运行的时候会报错，究其原因...
#深入解析# JQuery 中 $(function(){ }) 解析
lch551218的博客
03-11 6445
jquery中的 “ $ (function(){ })” 语句和原生JS中的 window.onload 类似，但两者也有些许的不同： 注：“ $ (function(){…})”是 $ (document).ready(function(){…})的简写形式，是在DOM加载完成后调用执行的回调函数，并且只会执行一次。 1.加载的阶段不同 原生JS会等到DOM元素加载完毕，并且图片也加载完毕再...
jQuery中$(function())的作用
atarik@163.com
06-06 1533
(function())等同于$(document).ready(function())，意思很简单，就是等页面加载完毕之后，才开始执行函数。
jQuery中$(function()与(function($)、$(function(){ }) = $(document).ready(function(){ })及页面加载顺序
ncepu307的专栏
11-20 4070
原文出处： (function($) {…})(jQuery); 这里实际上是匿名函数，如下： function(arg){…} 这就定义了一个匿名函数，参数为arg 而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即： (function(arg){…})(param) 这就相当于定义了一个参数为arg的匿名函数，并且将para
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值