# jQuery one() Method (ok) * .one(): Chèn một hoặc nhiều sự kiện cho một thành phần được chọn, xác định một function để chạy khi xảy ra một sự kiện. * Khi sử dụng .one(), function xử lý sự kiện chỉ chạy một lần duy nhất cho mỗi thành phần. * Đã được thêm vào từ phiên bản 1.1 [**.one('Sự kiện',function(){...})**](https://hocwebchuan.com/reference/jquery/jquery_one.php#anchor01) ``` $('.test').one('click',function(){ alert('Sự kiện này chỉ hiển thị một lần.'); }); ``` * Đã được thêm vào từ phiên bản 1.7 [**.one('Sự kiện','bộ chọn',function(){...})**](https://hocwebchuan.com/reference/jquery/jquery_one.php#anchor02) ``` $('body').one('click','.test',function(){ alert('Sự kiện này chỉ hiển thị một lần.'); }); ``` #### .one('Sự kiện',function(){...}) **Html viết:** ``` Tiêu đề

P

P

P

P

``` **Hiển thị trình duyệt:** Click vào từng thành phần trên để thấy kết quả, sự kiện chỉ thực hiện được một lần cho mỗi thành phần duy nhất. **So sánh code HTML trước và sau khi có jQuery:** | Trước khi có jQuery | Sau khi có jQuery | | ----------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | |

\

P\


\

P\


\

P\


\

P\

|

\

P\


\

style="border-style: inset;">P\


\

P\


\

P\

| #### .one('Sự kiện','bộ chọn',function(){...}) **Html viết:** ``` Tiêu đề

Thành phần P

Thành phần DIV
``` **Hiển thị trình duyệt:**