Dấu ngoặc và dấu ngoặc đơn sau bộ chọn jquery nghĩa là gì?

Question

Tôi chạy vào dòng mã này và tôi không thể tìm ra ý nghĩa của nó:

$("#theAppContainer")[s > u ? "addClass" : "removeClass"]("something"); 

Tôi hiểu phần đầu tiên là lựa chọn các yếu tố được gọi là theAppContainer và phần thứ hai để đánh giá "addClass" nếu s> u, nhưng tôi không thể tìm ra những gì dòng mã này không tổng thể.

Answer 1

The bracket syntax gets the value of a property by name, và ngoặc gọi hàm đó là giá trị của tài sản đó. Số này tương đương với:

var container = $('#theAppContainer'); 

if(s > u) { 
    container.addClass('something'); 
} else { 
    container.removeClass('something'); 
} 

Ngoài ra, vui lòng không bao giờ viết mã như thế. =)

Ngoài ra cũng có, toggleClass mất một switch lập luận thứ hai mà bạn có thể sử dụng thay vì:

$('#theAppContainer').toggleClass('something', s > u); 

Answer 2

$("#theAppContainer") trả về đối tượng jquery.

jqueryObject["addClass"] đồng nghĩa với jqueryObject.addClass

Vì vậy, jqueryObject["addClass"] trả về phương pháp addClass trên đối tượng jquery.

Sau đó, bạn sử dụng ("something") để chuyển tham số vào và thực thi phương pháp.

Vì vậy, bạn đang chủ yếu làm

var myJqueryObject = $("#theAppContainer"); 
if(s > u) { 
    myJqueryObject.addClass("something"); 
} 
else { 
    myJqueryObject.removeClass("something"); 
} 

Answer 3

Bracket Quảng trường ký hiệu.

$('#element')['hide'](700)

Dot ký hiệu:

$('#element').hide(700)

điều khác (?:) được gọi ternary operator

mà làm một so sánh tuyên bố trả lại một giá trị boolean,
đâu s>u là một tuyên bố, và tùy thuộc vào kết quả các giá trị được sử dụng:

STATEMENT ? IF TRUE USE THIS : IF FALSE USE THAT ;

nếu s > u sử dụng 'addClass' khác sử dụng 'removeClass'
có nghĩa là bạn sẽ nhận được $("#theAppContainer")["addClass"]("something"); nếu s > u và $("#theAppContainer")["removeClass"]("something"); nếu s===u || s<u
mà có thể được dịch theo ký hiệu DOT trong:

$("#theAppContainer").addClass("something"); 

hoặc

$("#theAppContainer").removeClass("something"); 

Đây không phải là cách tốt nhất để làm điều đó, vì bạn có thể sử dụng toggleClass() phương pháp trong đó trường hợp cụ thể, nhưng bất kỳ cách tốt để biết.
Và không đúng là bạn không nên sử dụng ký hiệu khung. Trong JS nâng cao, bạn sẽ thấy tất cả các lợi ích.