jQuery $ (hàm() {}) và $ (tài liệu). Đã giống nhau chưa?

Question

Để có một datepicker làm việc trên một lĩnh vực, tôi có phải đặt script này bên trong phần tử của tôi

$(function() { 
    $("#date_datepicker").datepicker({ dateFormat: "yy-mm-dd" }); 
}); 

Loại bỏ các $(function() { làm datepicker không hoạt động.

Vậy điều đó có nghĩa là $(function() { giống với $(document).ready?

Tôi đang cố gắng tối ưu hóa mã javascript của mình để biết điều này có thể hữu ích.

Answer 1

Xem trích dưới đây từ http://api.jquery.com/ready/

Cả ba cú pháp sau là tương đương:

• $(document).ready(handler)
• $().ready(handler) (này không được khuyến khích)
• $(handler)

Answer 2

Vâng, đó là phiên bản viết tắt của cùng một thứ. Hàm $ gọi hàm $(document).ready khi chuyển một hàm làm đối số.

Nếu bạn đang cố gắng tối ưu hóa về tốc độ - cả hai sẽ thực hiện tương đương nhiều, tuy nhiên, $(document).ready(handler) sẽ nhanh hơn nếu thực hiện nhiều lần.

Nếu bạn đang cố gắng tối ưu hóa về kích thước tệp - hãy sử dụng bộ chỉnh sửa.

IMO tốt nhất bạn có thể làm là 'tối ưu hóa' về khả năng đọc và đơn giản. Điều này làm cho mã dễ dàng hơn để hiểu và duy trì. Có những công cụ hiện có để có một phiên bản chưa được tối ưu hóa và nén và tối ưu hóa cho bạn (hãy kiểm tra trình biên dịch đóng cửa của Google).

Answer 3

Có, $(function() { và $(document).ready giống nhau.

$(function() { hoạt động như một cú pháp viết tắt nhưng $(document).ready làm cho mã dễ đọc hơn.

Answer 4

Các .ready() phương pháp thường được sử dụng với một chức năng ẩn danh:

$(document).ready(function() { 
    // Handler for .ready() called. 
}); 

Đó là tương đương với cách gọi:

$(function() { 
// Handler for .ready() called. 
}); 

As can be read here

Answer 5

Bạn đang sử dụng jQuerymobile?nếu có thì thay vì sử dụng tài liệu sử dụng sẵn sàng

$('#pageId').live('pageinit',function(){}); 

Answer 6

lưu ý rằng bạn cũng có thể tìm thấy kịch bản như thế này:

jQuery(document).ready(function(){ 

ở đây $ -Đăng được thay thế bởi jQuery để tránh xung đột với thư viện khác của

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

Answer 7

đây là một cách khá an toàn để chạy mã trên đã sẵn sàng

jQuery(function($, undefined){ 
    // code to run onready 
}); 

Mặc dù cá nhân tôi thích làm việc đó như thế này:

(function($){ // create scope and pass specific aliased variables 

    $(function($, undefined){ // attach callback to run onready 
     // code to run onready 
    }); 

})(jQuery); 

Bằng cách này bạn có thể làm cho nhóm của riêng bạn các chức năng mà không sợ vi phạm ma của những người khác hoặc có code của bạn bị phá vỡ bởi các định nghĩa biến lỏng lẻo. Bạn cũng có thể gọi các biến mà bạn chuyển cùng với bất kỳ tên nào bạn muốn và có mã chạy không sẵn sàng, ví dụ.

(function($){ // create scope and pass specific aliased variables 


    $(document).on('click', 'a[href]', function(){ 
     // code to run when a link is clicked 
    }); 
    $(window).on('load',function(){ 
     // code to run onload 
    }); 
    $(function($, undefined){ // attach callback to run onready 
     // code to run onready 
    }); 


})(jQuery); 

Lưu ý rằng đây là những giống

$(document).bind('ready', function(){}); 
$(document).on('ready', function(){}); 
$(document).ready(function(){}); 
$(function(){}); 

Và tài liệu mà không có một sự kiện tải

$(document).on('load', function(){}); // will not work