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

最新推荐文章于 2021-07-22 11:52:21 发布
原创 最新推荐文章于 2021-07-22 11:52:21 发布 · 670 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jQuery

本文详细解释了jQuery(document).ready()的功能与用途，以及如何利用匿名函数传递jQuery对象进行插件开发的区别。强调了两者在DOM操作上的不同应用场景。

1. jQuery(function(){}) 全称为 jQuery(document).ready(function){}), 意为在DOM加载完毕后执行ready()里的方法。

2. (funtion(arg){})(jQuery) 实际上是执行()(para)匿名方法，只不过传递了jQuery对象,相当于定义了一个参数为arg的匿名函数，并将para(这里为jQuery)作为参数来调用这个匿名函数，例如(function(str){alert(str);};)("Hello, World")相当于function showParameter(str){alert(str);}; showParameter("Hello, World");

3. 总结：jQuery(function(){})用于存放操作DOM对象的代码，执行其中代码时DOM对象必须已经存在。不可用于存放开发插件的代码，应为jQuery对象没有的到传递，外部通过jQUery.function也调用不了其中的方法(函数)。(function(){})(jQuery)用于存放开发插件的代码，执行其中的代码时DOM不一定存在，所以直接自动执行DOM操作的代码须小心使用

jQuery中(function($){})(jQuery)详解
10-23
在jQuery的代码中，我们经常看到一种特殊的语法结构 `(function($){})(jQuery)`，这被称为立即执行函数表达式（IIFE，Immediately Invoked Function Expression）。这个结构在jQuery插件开发中尤为常见，因为它提供...
jQuery function的正确书写方法
10-27
在介绍jQuery function的正确书写方法之前，我们先来了解一下jQuery是什么。jQuery是一个轻量级的JavaScript库，它通过简化HTML文档遍历、事件处理、动画和Ajax交互，极大地简化了JavaScript编程。它是一个快速且...
jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别详细讲解
热门推荐
王德封-逐浪
01-26 11万+
1、(function($) {…})(jQuery); 1）、原理： 这实际上是匿名函数，如下： function(arg){…} 这就定义了一个匿名函数，参数为arg 而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即： (function(arg){…})(param) 这就相当于定义了一个参数为arg的匿名函数，并且将pa
(function($){...})(jQuery)是什么意思
jiangzh1982的专栏
04-19 2353
这里实际上是匿名函数function(arg){...}这就定义了一个匿名函数，参数为arg而调用函数 时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即：(function(arg){...})(param)这 就相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这个匿名函数而(function($){...}) (jQuery)则是一样的，...
jq中jQuery(function(){ })与(function(){})(jQuery) 的区别
weixin_38098192的博客
04-09 4040
jQuery(function(){ })：是$(document).ready(function(){})的简写，即在DOM加载完成时运行的代码 (function(){})(jQuery)：实际上是执行()(param)匿名方法，只不过传递了jquery对象，相当于 function aa($){} aa(jQuery) (function(){})(jQuery) 是初始化jq...
jQuery function函数详解
weixin_30781107的博客
01-04 1479
一、$(function(){}); $(document).ready(function(){})可以简写成$(function(){}); $(document).ready 里的代码是在页面内容都加载完才执行的，你直接写到script标签里，当页面加载完这个script标签就会执行里边的代码了，如果你标签里执行的代码调用了当前还没加载过来的代码或者dom，那么就会报错， 二、(func...
对 (function($){ })(jQuery); 的理解
从你的全世界路过
11-12 648
对 (function($){ })(jQuery); 的理解(function($){ ...//函数代码块 })(jQuery); 这是一个JS的匿名函数，创建即调用。其中jQuery代表这个函数的实参，$ 表示这个函数的形参，所以在函数体内用$代表jQuery。 这种匿名函数的调用形式形成了一个自我执行的封闭程序，jQuery在此程序中映射为$符号，这样可以避免$号被其他库覆写。如下的效果是
浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
10-26
综上所述，jQuery(function(){}) 与 (function(){})(jQuery) 在使用场景和目的上有明显的区别。前者更适合于在文档完全加载后进行DOM操作和绑定事件，而后者则适用于初始化操作，以及创建独立作用域来避免变量名冲突...
简单谈谈jQuery(function(){})与(function(){})(jQuery)
10-25
2. `(function(){})(jQuery)`：通常用于开发jQuery插件，确保代码在DOM加载时执行，同时可以安全地使用`$`符号，避免与其他库冲突。此时，DOM可能还未完全加载，因此直接进行DOM操作需要谨慎。 理解这两者之间的...
js文件中的(function(){})(jQuery) 是什么意思
m0_59834108的博客
07-22 1036
学习记录，若有错误，欢迎指正 碰到一个js文件，里面只有一个这个东西 (function(){ //............整个js文件全是这个body })(jQuery) 上网查了一下，结果如下： js中定义函数常用写法是 function fn(arg){ （arg被定义用来接收参数） //........... } 调用函数时的写法是： fn(a); //a是传入的参数 定义函数的...
jquery 用法 (function($) {})(jQuery);的用法
02-10
页面前端 jquery 用法 (function($) {})(jQuery);的用法
(function($){})(jQuery)
weiwjacsdn的博客
05-28 1041
对于匿名函数大家应该比较熟悉,那么(function($){})(jQuery)就比较容易理解了. 就是写了一个匿名函数同时理解传递JQuery实参调用. 等同于: var fn = function($){....}; fn(jQuery); 这样的写法经常出现在各种jQuery插件中,其关键原因在于: jQuery插件很多,你无法保证自己的定义和使用变量/函数名称不会用于其它插件中,那...
关于jquery的$(function(){})
@~莲坂果贸的博客
04-09 6313
jQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别
helongzhong的博客
07-12 468
Jquery是优秀的Javascrīpt框架。我们现在来讨论下在 Jquery 中两个页面载入后执行的函数。 $(document).ready(function(){ // 在这里写你的代码... }); 在DOM加载完成时运行的代码 可以简写成 jQuery(function(){ });     (function($) {})(jQuery)什么
Jquery中$(function(){})
weixin_34403693的博客
05-08 1万+
1. 在哪书写js文件 如果我们要执行一段js代码，我们该怎么办呢？ 1.我们可以写一个js文件，在js文件里写执行函数，然后再<script src='...'> ... </script>，进行引用； 2.我们可以直接在HTML页面下，插入脚本，同样是<script src='...'> ... </script>，两种方式没什么区别，唯一...
Jquery—Jquery中的(function($){...})(jQuery)
gaohuanjie的专栏
07-29 6181
当你第一眼看到“(function($){...})(jQuery)”的时候，你有什么感觉？呵呵呵，我当时还是止不住的从心底里骂了一句——操，这他妈什么劳什子。时过境迁，对于现在无比倚重Jquery的我，自感当时自己是那么的无知，今天忙里偷闲，解释一下究竟“(function($){...})(jQuery)”该怎样理解：
jQuery中$(function(){})与（function($){})(jQuery)、$(document).ready(function(){})等的区别讲解...
weixin_30340617的博客
09-29 299
1.（function($){...}）(jQuery); 　　（1）、原理： 　　 这实际上是匿名函数，如下： 　　　　function（arg）{...} 　　　　这就定义了一个匿名函数，参数为arg；而调用函数是，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即(function(arg){...})(param) 　　　　这就相当于定义了一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值