Hướng dẫn html find

• Trang chủ
• Hướng dẫn học
• Hướng dẫn học jQuery
• .find[]

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

• .find[] giúp tìm thành phần trong thành phần cha.

Cấu trúc

.find[bộ chọn]

Html viết:

Tiêu đề


$[function[]{
  $['li'].find['.test'].css['background-color','blue'];
}];




  

    
Thành phần thứ 1
    
Thành phần thứ 2
    

      
Thành phần thứ 3
      

        
Thành phần con thứ 1
        
Thành phần con thứ 2
        
Thành phần con thứ 3
      
    
    
Thành phần thứ 4
    
Thành phần thứ 5
  

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

.find['.test'] đã giúp tìm được thành phần li có class="test".

So sánh code HTML trước và sau khi có jQuery:

.find[jquery object]

Html viết:

Tiêu đề


$[function[]{
  $['li'].find[$['p.test']].css['background-color','blue'];
}];




  

    
Thành phần thứ 1
    
Thành phần thứ 2
    

      
Thành phần thứ 3
      

        
Thành phần con thứ 1
        
Thành phần con thứ 2
        
Thành phần con thứ 3
      
      
Thành phần p
    
    
Thành phần thứ 4
    
Thành phần thứ 5
  

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

Với cách sử dụng như trên chỉ có thành phần p có class test là được tìm thấy.

So sánh code HTML trước và sau khi có jQuery: