Truy cap cac phan tu DOM

jQuery ho tro cac phuong thuc truy cap cac phan tu trong trang web sau: theo ID, theo ten the HTML, theo thuoc tinh HTML, theo ten CSS, theo XPath.

1. Thong qua ID
Cu phap truy cap phan tu DOM theo ID co dang: $('#ID'). Thi du 1, an phan tu DOM co ID la 'MyID':

<script>
<!--
$(function(){
  $('#MyID').hide();
});
-->
</script>

2. Thong qua ten the HTML
Cu phap truy cap phan tu DOM theo the HTML co dang: $('tagName'). Thi du 2, an tat ca cac phan tu DOM co ten the 'p':

<script>
<!--
$(function(){
  $('p').hide();
});
-->
</script>

Thi du 3, an phan tu DOM dau tien co ten the la 'DIV':

<script>
<!--
$(function(){
  $('p:eq(0)').hide();
});
-->
</script>

3. Thong qua thuoc tinh HTML
Cu phap truy cap phan tu DOM theo thuoc tinh HTML co dang $('[@key=@val]'). Thi du 4, chon lua cac phan tu DOM co ten the la 'input' va thuoc tinh 'type' la 'hidden', sau do, thay doi gia tri cua cac phan tu do thanh 'I am a hidden field':

<script>
<!--
$(function(){
  $('input[@type=hidden]').each(function(){
    $(this).val('I am a hidden field');
  });
});
-->
</script>

Ky toi:
4. Truy cap phan DOM theo phuong thuc XPath
5. Truy cap phan DOM theo phuong thuc CSS
6. Cac phuong thuc truy cap dac biet

The Hong,

Tham khao:
1. JQuery docs