:eq() | Tham Khảo JQuery | Học Web Chuẩn

Trang chủ » Eq Jquery Là Gì » :eq() | Tham Khảo JQuery | Học Web Chuẩn

Có thể bạn quan tâm

:eq()
  • Trang chủ
  • Tham khảo
  • jQuery
  • :eq()

Định nghĩa và sử dụng

  • Bộ chọn :eq(n): chọn thành phần với một chỉ số n cụ thể.
  • :eq(0) sẽ chọn phần tử đầu tiên.

Cấu trúc

  • Đã được thêm vào từ phiên bản 1.0
$(':eq(n)')
  • Đã được thêm vào từ phiên bản 1.8
$(':eq(-n)')

Ví dụ

Html viết:

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Tiêu đề</title> <script src="https://code.jquery.com/jquery-latest.js"></script> <script> $(function(){ $('ul li:eq(3)').css('border','1px solid blue'); }); </script> </head> <body> <ul> <li>li thứ nhất</li> <li>li thứ hai</li> <li>li thứ ba</li> <li>li thứ tư</li> <li>li thứ năm</li> </ul> </body> </html>

Hiển thị trình duyệt:

$('ul li:eq(3)') chọn phần tử li thứ 3.

Ví dụ

Html viết:

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Tiêu đề</title> <script src="https://code.jquery.com/jquery-latest.js"></script> <script> $(function(){ $('ul li:eq(-3)').css('border','1px solid blue'); }); </script> </head> <body> <ul> <li>li 0</li> <li>li 1</li> <li>li 2</li> <li>li 3</li> <li>li 4</li> </ul> </body> </html>

Hiển thị trình duyệt:

$('ul li:eq(3)') chọn phần tử li thứ 3 tính từ cuối danh sách.

$('parent > child')

$('tag:gt()')

HTML & XHTML

HƯỚNG DẪN HỌC

  • Hướng dẫn học
  • Hướng dẫn học XHTML & HTML5
  • Hướng dẫn học CSS
  • Hướng dẫn học CSS3
  • Hướng dẫn học Responsive
  • Hướng dẫn học ES6
  • Hướng dẫn học React.js
  • Hướng dẫn học jQuery
  • Hướng dẫn học PHP
  • Hướng dẫn học Laravel
  • Hướng dẫn học Wordpress
  • Hướng dẫn học Webpack
  • Hướng dẫn học SCSS

THAM KHẢO

Bộ chọn jQuery (Selectors)

  • $('*')
  • $('tag')
  • $('tag.tênclass')
  • $('tag#tênid')
  • $('selector1, selector2, selectorN')
  • $('parent > child')
  • $('tag:eq()')
  • $('tag:gt()')
  • $('tag:lt()')
  • $('tag:even')
  • $('tag:odd')
  • $('tag:first')
  • $('tag:last')
  • $('tag:first-child')
  • $('tag:first-of-type')
  • $('tag:last-child')
  • $('tag:last-of-type')
  • $('tag:nth-child()')
  • $('tag:nth-last-child()')
  • $('tag:nth-of-type()')
  • $('tag:nth-last-of-type()')
  • $('tag:only-child')
  • $('tag:only-of-type')
  • $('tag:animated')
  • $('tag[attribute]')
  • $('tag[attribute="value"]')
  • $('tag[attribute!="value"]')
  • $('tag[attribute|="value"]')
  • $('tag[attribute^="value"]')
  • $('tag[attribute$="value"]')
  • $('tag[attribute*="value"]')
  • $('tag[attribute~="value"]')
  • $('tag:lang(language)')
  • $(tag[bộ chọn thuộc tính 1][bộ chọn thuộc tính n])
  • $('tag:parent')
  • $('tag:empty')
  • $('tag:text')
  • $('tag:button')
  • $('tag:checkbox')
  • $('tag:checked')
  • $('tag:disabled')
  • $('tag:enabled')
  • $('tag:file')
  • $('tag:focus')
  • $('tag:hidden')
  • $('tag:image')
  • $('tag:input')
  • $('tag:password')
  • $('tag:radio')
  • $('tag:reset')
  • $('tag:selected')
  • $('tag:submit')
  • $('tag:visible')
  • $('tag:root')
  • $('tag:has(selector)')
  • $('tag:header')
  • $('prev + next')
  • $('prev ~ siblings"')
  • $('tag:not(selector)')
  • $('tag:contains(text)')

Tham khảo CSS

  • CSS - Tham khảo
  • CSS - Bộ chọn (selectors)
  • CSS - Thuộc tính
  • CSS3 - Tham khảo
  • CSS3 - Bộ chọn (selectors)
  • CSS3 - Thuộc tính
  • Xem thêm ví dụ về CSS

Tham khảo HTML/XHTML

  • Tham khảo HTML/XHTML
  • Tag theo function
  • Tag theo giá trị DTD
  • Tham khảo HTML4/XHTML
  • Tham khảo HTML5
  • Xem thêm ví dụ về HTML

Tham khảo JQUERY

  • jQuery - Tham khảo
  • jQuery - Cài đặt và sử dụng
  • jQuery - Bộ chọn (selectors)
  • jQuery - Hàm (function)
  • jQuery - Ajax

Tham khảo Thêm

  • Lang codes
  • Font chữ
  • Mã ký tự
  • MIME
  • Đơn vị trong HTML & CSS
  • Giá trị màu trong HTML & CSS
  • Thuộc tính tổng quát

CHUYÊN ĐỀ

  • Chuyên đề
  • Chuyên đề HTML/CSS
  • Chuyên đề HTML5/CSS3
  • Chuyên đề jQuery/JS
  • jQuery/JS plugin

GÓP Ý - LIÊN HỆ

  • BẠN SẼ TÀI TRỢ?DONATE
  • CÔNG CỤ TẠO CSS3CSS3 GENERATOR
  • BỘ CÔNG CỤGENERATOR TOOLS
  • CÔNG CỤ HỖ TRỢWEB TOOLS
  • CÔNG CỤ TẠO RANDOMRANDOM GENERATOR
  • CÔNG CỤ KIỂM TRA RESPONSIVE TEST
  • CHIA SẺ HAYWEB & TOOLS
  • Follow us on hocwebchuan.com
  • Short URL
  • Rabbie theme

Từ khóa » Eq Jquery Là Gì