有关jQuery(function(){})与(function(){})(jQuery)

news/2024/7/11 0:01:46 标签: jquery, function

$是一个new的jquery对象,源码里是通过init来初始化的,jquery中的所有代码都是放在$()闭包里,在$()中的代码一般都是dom加载完成的后才执行,当然也可以用jquery中的一些事件做其他的事。

以下大部分内容引自:http://eason26-li.iteye.com/blog/520188

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

1、先看

jQuery(function(){

});

全写为:

jQuery(document).ready(function(){

});

意义为在Dom加载完毕后执行ready()方法。



2、再看

(function(){

})(jQuery);

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


另:

jquery (function($){...})(jquery)的详细说明


function(arg){...}
这就定义了一个匿名函数,参数为arg

而调用函数时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也

需要用括号,即:
(function(arg){...})(param)
这就相当于定义了一个参数为arg的匿名函数,并且将param作为参数来调用这个匿名

函数

而(function($){...})(jquery)则是一样的,之所以只在形参使用$,是为了不与其他

库冲突,所以实参用jquery
var fn = function($){....};
fn(jquery);



3、总结

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

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


http://www.niftyadmin.cn/n/1732394.html

相关文章

超赞-使用伪选择器制作下拉箭头图标

// 使用Transform的属性&#xff0c;组合translate&#xff08;位移&#xff09;和rotate&#xff08;旋转&#xff09;&#xff0c;将生成的小矩形组合成各种箭头样式&#xff1b; HTML 1 <section class"main">2 <header class"title">图…

纯CSS实现div三角效果

效果图&#xff1a; 方法一的效果图方法二的效果图方法三的效果图 方法一&#xff1a; css代码&#xff1a; #top { position: absolute; width: 0px; height: 0px; line-height: 0px;/*为了防止ie下出现题型*/ border-bottom: 10px solid #89b007; border-left: …

CSS3新特性之-定义多列效果

通过 CSS3&#xff0c;您能够创建多个列来对文本进行布局 - 就像报纸那样&#xff01;在本章中&#xff0c;您将学习如下多列属性&#xff1a;column-countcolumn-gapcolumn-rule浏览器支持属性浏览器支持column-countcolumn-gapcolumn-ruleInternet Explorer 10 和 Opera 支持…

jQuery常用技巧大放送

1、关于页面元素的引用 通过jquery的 $()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法&#xff0c;且 返回的对象为jquery对象&#xff08;集合对象&#xff09;&#xff0c;不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换 只有jq…

利用CSS3 word-break 属性实现文字强制换行效果

实例在恰当的断字点进行换行&#xff1a;p.test {word-break:hyphenate;}实例&#xff1a;<!DOCTYPE html><html><head><style> p.test1{width:11em; border:1px solid #000000;word-break:hyphenate;}p.test2{width:11em; border:1px solid #000000;w…

JQuery 样式设置、追加、移除与切换

获取与设置样式 获取class和设置class都可以使用attr()方法来完成。例如使用attr()方法来获取p元素的class&#xff0c;JQuery代码如下&#xff1a; var p_class $("p").attr("class"); //获取p元素的class 使用attr()方法来设置p元素的class&#xff0…

关于CSS3实现响应式布局的一些概念和术语

响应式布局也被应用到网站前端开发中&#xff0c;在国内这一词想必是非常火吧&#xff0c;那网站为什么要使用响应式布局呢&#xff1f;原因和其他创意性的生活用品基本上是一样的&#xff0c;处于对人力物力财力的节省和对生活富有诗意的一种追求。在人力物力和财力有限的情况…

jquery显示和隐藏层的代码

toggle() 切换元素的可见状态。 如果元素是可见的&#xff0c;切换为隐藏的&#xff1b;如果元素是隐藏的&#xff0c;切换为可见的。 &#xff0d;&#xff0d;&#xff0d;&#xff0d;&#xff0d;&#xff0d;&#xff0d;&#xff0d;&#xff0d;&#xff0d;&#xff0d…