Home > JQuery API > jQuery Selector > Class Selector (“.class”)
Tuyển 1 bạn nữ CNTT dịch bài javascript tiếng Anh sang tiếng Việt (kiến thức căn bản), 1 bài 100 - 400 từ, nhuận bút 10k -> 20k. Liên hệ Zalo: 0979306603.

Hàm Class Selector (“.class”) trong jQuery

Class Selector sẽ lựa chọn tất cả các phần tử có class được cung cấp.

Đối với Class Selector, Jquery sẽ sử dụng hàm getElementsByClassName() của Javascript nếu như trình duyệt hỗ trợ.

Cú pháp

Cú pháp
jQuery( ".class" )

Trong đó:

  • Class là tên class sẽ được tìm kiếm, một phần tử có thể có chứa nhiều class nhưng sẽ chỉ có một class phù hợp.

Ví dụ

Tìm kiếm tất cả các phần tử có class=myClass và đổi màu cho chúng:

Code RUN
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>all demo</title>
        <script src="https://freetuts.net/cnd/js/jquery/jquery-3.2.1.min.js"></script>
    </head>
    <body>
        <h1>Học lập trình miễn phí tại freetuts.net</h1>
        <div class="notMe">div class="notMe"</div>
        <div class="myClass">div class="myClass"</div>
        <span class="myClass">span class="myClass"</span>
        <div id="result"></div>
        <button onclick="myFunction()">Click vào đây để xem kết quả</button>
        <script>
            function myFunction(){
                $( ".myClass" ).css( "border", "3px solid red" );
            }
        </script>
    </body>
</html>

Kết quả:

 

Tham khảo: jquery.com

Bình luận đã đóng, nếu có thắc mắc hãy đặt câu hỏi tại hoicode.com để admin trả lời.

Nguồn: freetuts.net

BÀI VIẾT

notice png LIST home png HOME hot gif BÁO
LỖI
top png TOP