Tính năng yêu thích của jQuery của bạn là gì?

Question

Tôi chỉ có biểu hiện jQuery ngày hôm trước và vẫn cảm thấy như có rất nhiều sức mạnh trong đó mà tôi không sử dụng.

Vì vậy, điều đó đã nói, tính năng yêu thích của bạn về jQuery giúp bạn tiết kiệm thời gian và/hoặc làm cho các ứng dụng phía máy khách của bạn mát mẻ hơn hoặc mạnh mẽ hơn?

Answer 1

Tính năng ưa thích của jQuery là cách nó giúp JavaScript chuyển từ ngôn ngữ bị ghét sang ngôn ngữ gợi cảm gần như qua đêm.

Answer 2

Selectors và chuỗi.

Answer 3

Chaining! Chuỗi jQuery khổng lồ thật tuyệt vời. Đôi khi tôi không thể dừng lại. Nó cảm thấy gần giống như làm tất cả mọi thứ trong một dòng (bạn muốn, không phủ nhận nó).

this.lasso = $('<div/>') 
    .css({ position: 'absolute', overflow: 'hidden' }) 
    .addClass('ui-crop-lasso') 
    .hide() 
    .appendTo('body') 
    .resizable({ 
     handles: 'all', 
     start: setLasso, 
     stop: setLasso, 
     resize: setLasso, 
     minHeight: 50, 
     minWidth: 50 
    }) 
    .draggable({ 
     containment: el, 
     cursorAt: 'move', 
     drag: setLasso 
    }); 

Hãy dùng thử, bạn sẽ không bị mất thời gian.

Answer 4

Cách đối tượng jQuery hoạt động bất kể không có gì, một hoặc nhiều phần tử DOM trong đó.

Ngoài ra, đá xử lý sự kiện. Có thể chỉ trả lại sai về các sự kiện nhấp chuột, ví dụ: đá.

Answer 5

Hệ thống plugin không thể tin được. Bạn về mặt kỹ thuật có thể là, và vẫn là một người mới hoàn thành của JQuery và vẫn khai thác tối đa, nếu không phải tất cả, sức mạnh của nó thông qua việc áp dụng các plugin. Điều này làm cho nó rất phổ biến với các nghệ sĩ và những người không lập trình, chỉ cần tìm thêm một chú giải công cụ, hộp thoại phương thức, hộp đèn, menu thả xuống, v.v.

Answer 6

Không chính xác tính năng này nhưng số lượng plug-in đã viết và thông tin cộng đồng làm thế nào để sử dụng jQuery chắc chắn là một tiền thưởng. Nếu không, bộ chọn cùng với hệ thống trình cắm thêm.

Answer 7

Là người mới tham gia jQuery, nó phải là plugin jQuery UI và chủ đề mọi người đã thiết kế để đi kèm với nó. ThemeRoller cho phép bạn nhanh chóng điều chỉnh các chủ đề và chơi các kịch bản "nếu như" với ứng dụng của bạn khi nó được hiển thị trong Firefox. Tôi đã có thể cải thiện rất nhiều một ứng dụng web thông qua việc sử dụng các tab, thanh trượt accordion, datepickers, và các cảnh báo chỉ trong một hoặc hai ngày bắt đầu từ không có kiến ​​thức về jQuery cả.

Các nhà phát triển web có kinh nghiệm khác sẽ thích triết lý của jQuery về "JavaScript không phô trương", tận dụng nghiêm ngặt XHTML và CSS, bộ chọn và chuỗi.

Answer 8

Tạo một phần tử HTML và giữ một tài liệu tham khảo:

var newDiv = $('<div></div>'); 
newDiv.attr("id","myNewDiv").appendTo("body"); 
//Now whenever I want to append the new div I created, 
//I can just reference it from the 'newDiv' variable 

Kiểm tra nếu một yếu tố tồn tại:

if ($("#someDiv").length) { 
    //it exists... 
} 

Viết selectors của riêng bạn:

$.extend($.expr[':'], { 
    over100pixels: function(a) { 
     return $(a).height() > 100; 
    } 
}); 

$('.box:over100pixels').click(function() { 
    alert('The element you clicked is over 100 pixels high'); 
}); 

Answer 9

Không phải lo lắng (nhiều) về khả năng tương thích giữa các trình duyệt khác nhau

Answer 10

Tôi thích thực tế là nó xử lý người mới và chuyên gia như nhau, ở một mức độ nhất định. Tuy nhiên, nếu bạn biết mình đang làm gì, bạn thực sự có thể làm cho ứng dụng tỏa sáng trong mọi khía cạnh.Những thứ như tải lười, tách mã và tạo khuôn mẫu có thể được thực hiện với jQuery. Nó được thiết kế như một công cụ DOM, nhưng có thể dễ dàng thích ứng với các không gian tên và hoạt động như một khung công tác toàn diện.

Tóm lại, tôi nghĩ tính năng tốt nhất của jQuery là nó được thiết kế từ mọi góc độ với ý tưởng về sự đơn giản trong tâm trí. Câu trả lời đơn giản nhất thường là câu trả lời hay nhất.

Answer 11

Phần lớn những thứ đòi hỏi nhiều thử nghiệm và tinh chỉnh trình duyệt chéo mà tôi không thể tự viết là đáng tin cậy và thử nghiệm rộng rãi như cộng đồng jQuery. Điều này bao gồm:

• $ (tài liệu) .ready (...). Nhìn vào việc thực hiện chức năng này. Có rất nhiều câu lệnh if-else kiểm tra các tính năng trình duyệt khác nhau.

• Vị trí và phương pháp thứ nguyên: $ (...). Offset(), $ (...). Position(), $ (...). Width(), $ (...). innerWidth() vv Một lần nữa, cùng một câu chuyện ở đây. Ngoài ra, chúng hoạt động đáng tin cậy (hoặc tôi cho rằng đáng tin cậy hơn là tôi có thể tự mình đạt được) cho các trường hợp đặc biệt như cửa sổ và tài liệu.

• $ (...). Animate(). Khả năng tạo hiệu ứng các yếu tố dựa trên bất kỳ kiểu CSS (hợp lý) nào. Cũng là chuỗi hoạt ảnh và $ (...). Stop(). API rất thông thạo.

• Trình xử lý sự kiện. Đây là thứ mà mọi thư viện JavaScript đều có, và nó không phải là thứ mà người ta không thể tự thực hiện được, nhưng thật tuyệt khi có.

Ngoài ra còn có một số tính năng ít được yêu thích hơn. Một trong số đó là chuỗi chức năng mà dường như là kiểu lập trình jQuery bán chính thức. Nó có thể ấn tượng ngay từ cái nhìn đầu tiên, nhưng nhìn chung, nó không phải là bất cứ điều gì bạn không thể làm bằng cách sử dụng các biến và các câu lệnh riêng biệt và cuối cùng, theo ý kiến ​​của tôi, nó dẫn đến một mã ít đọc được hơn.

Một điều nhỏ mà tôi thích ít hơn là sự háo hức của việc sử dụng các bao đóng và các chức năng ẩn danh lồng nhau sâu sắc. Có thể khó đọc mã như vậy sau một tuần. Nó có thể không ngay lập tức rõ ràng nơi một số biến đến từ và phạm vi chức năng là gì. Hãy thử sẵn sàng một số nguồn jQuery phức tạp hơn để xem ý tôi là gì.

Mặc dù, một trong những điểm bán hàng của jQuery là bộ chọn, tôi thấy rằng tôi không cần chúng thường xuyên, và nếu tôi cần bất kỳ, tôi thường nhận được bằng những cái cơ bản.

Cuối cùng, thao tác jQuery DOM có một số tiện ích hữu ích, nhưng nhìn chung, tôi nghĩ người ta có thể đạt được điều tương tự với mã nhiều hơn một chút (mặc dù tẻ nhạt). Tôi biết tôi rất có khả năng quá đơn giản, nhưng có vẻ như không có một số vấn đề nghiêm trọng về trình duyệt chéo.

Answer 12

Selectors với sự hỗ trợ cho CSS 1-3 và XPath kết hợp và bộ chọn tùy chỉnh của riêng bạn!

// "odd" numbered rows in a table with class "orders" 
jQuery('table.orders tr:odd') 

// All external links (links that start with http://) 
jQuery('a[@href^="http://"]') 

Answer 13

Tôi thích khía cạnh của jQuery trong việc xóa trình xử lý sự kiện khỏi HTML để tách nội dung khỏi hành vi.Thay vì viết

<p class="active" onclick="myFunction()">foo</p> 

nhiều lần trên một trang web, tôi có thể viết những dòng này thay vì:

<p class="active">foo</p> 

và viết những dòng này một lần bên trong thẻ script của tôi:

$(".active").click(function(){ ... }); 

Tại sao tôi thích điều này tốt hơn? Vì jQuery tách nội dung khỏi chức năng giống như cách CSS phân tách nội dung khỏi kiểu. Và như Jan Zich và những người khác đề cập đến, jQuery tạo ra rất nhiều chức năng đó rất dễ dàng để lập trình cho bất kỳ trình duyệt nào, vì vậy ví dụ hoạt ảnh trở nên dễ dàng khi bạn muốn mô phỏng các tab hiển thị/ẩn các div trên một trang cho người dùng.

Answer 14

Regex trong bộ chọn (kể từ khi tôi sử dụng ASP.Net và các điều khiển có vô lý, ID trả lại.)

Để có được điều này trong jQuery:

<asp:TextBox ID="txtTest" runat="server" /> 

Tôi chỉ làm điều này:

$("input[id$='txtTest']") 

Điều đó đã khiến tôi thay đổi quan điểm của mình về việc thực hiện các công cụ phía khách hàng trên các trang web.

Answer 15

Plug-in hệ thống:

((function($){ 
    $.fn.plugin = function(){ 
     return this.each(function(){ 
      //code here 
     }); 
    } 
})(jQuery) 

Chaining:

$('.parent').children().remove().end().css('background-color', 'red'); 

khả năng tương thích trình duyệt chéo qua loạt các tính năng, ví dụ. Ajax

$.GET('url', {data: 'here'}, function(data){ /* callback */ }); 

Answer 16

giá trị tương đối trong funciton Animate:

$('div.class:hover').animate({ height: '+=10', width: '+=10', opacity: '-=.5' })