The difference between jquery (function () {}) and (function () {}) (jquery) in jquery

Source: Internet
Author: User

jquery is an excellent javascrīpt framework. Let's now discuss the functions that are executed after two pages are loaded in Jquery.

$(document).ready(function(){  // 在这里写你的代码...});

Code to run when the DOM load is complete

can be simply written

JQuery (function () {
});

What does (function ($) {}) (jQuery) mean?

(function () {
}) (JQuery);


It is actually an anonymous method of executing () (para), except that the jquery object is passed.

Equivalent
function AA ($) {}
AA (JQuery)

Is the usual way to initialize jquery objects.

The popular point is to execute the code that you need after the page is loaded.
But this thing, sometimes will make the page bounce, many jquery plug-ins are loaded after the completion, only change the style, the page will have a bounce or flashing feeling. For example, ui.tab this plugin, page elements, all show up, it just form tab, very Dizzy said

(Funtion () {}) (); Execute the function immediately; the equivalent of declaring a function and calling it directly after the declaration is finished;

If the parameters are as follows:
(Funtion (str) {alert (str)}) ("Output")) ; equivalent: funtion outputfun (str) {alert (str);};o Utputfun ("Output");

JQuery (function () {}), which holds the code for manipulating the DOM object, and the DOM object already exists when the code executes it. cannot be used to store code that develops plug-ins, because jquery objects are not passed, and external methods (functions) cannot be called by Jquery.method.
(function () {}) (JQuery), which is used to store the code that develops the plug-in, and the DOM does not necessarily exist when executing the code, so be careful with the code that automatically executes DOM operations directly.



--------------------------------------------------------------------------------

(function ($) {...}) (JQuery) is actually an anonymous function that does not know that a friend can continue to look down.
This is actually anonymous function functions (ARG) {...} This defines an anonymous function that, when called with Arg, is written with parentheses and arguments after the function, and because of the precedence of the operator, the function itself needs to be enclosed in parentheses, namely: (function (ARG) {...}) (param) This is equivalent to defining an anonymous function with a parameter of ARG, and calling this anonymous function as a parameter (function ($) {...}) param (jquery) is the same, the reason why only use $ in formal parameters is to not conflict with other libraries, so the argument is using jQuery var fn = function ($) {...}; FN (jQuery);



Is the usual way to initialize jquery objects.


The popular point is to execute the code that you need after the page is loaded.


But this thing, sometimes it makes the page tick,


(Funtion () {}) (); Execute the function immediately; it is equivalent to declaring a function, calling it directly after the declaration, and if the parameters are as follows:
(Funtion (str) {alert (str)}) ("Output")) ; equivalent: funtion outputfun (str) {alert (str);};o Utputfun ("Output");

Reprinted from: http://www.cr173.com/html/17629_1.html

The difference between jquery (function () {}) and (function () {}) (jquery) in jquery

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.