Cách dùng chung jQuery với các thư viện javascript khác
Khi ứng dụng web của bạn dùng chung thư viện jQuery với các thư viện javascript khác như Prototype, sự xung đột sẽ xảy ra do 2 thư viện này đều dùng hàm $(). Để khắc phục việc này, bạn sử dụng phương thức jQuery.noConflict().
Một ví dụ sử dụng chung jQuery và Prototype:
<html> <head> <script src="prototype.js"></script> <script src="jquery.js"></script> <script type="text/javascript"> jQuery.noConflict(); // jQuery jQuery(document).ready(function(){ jQuery("div").hide(); }); // Prototype $('someid').hide(); </script> </head> <body></body> </html>
Sau khi gọi phương thức noConflict(), bạn có thể dùng jQuery thay cho $. Bạn cũng có thể dùng bất kì tên nào mà bạn muốn:
<script type="text/javascript"> var $j = jQuery.noConflict(); </script>
Sau khi khai báo như trên, bạn có thể gọi:
<script type="text/javascript"> $j('div').hide(); </script>