06/04/2021, 14:49

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

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 ...

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://Zaidap.com.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 Zaidap.com.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

Nguồn: Zaidap.com.net

Trịnh Tiến Mạnh

27 chủ đề

6824 bài viết

Cùng chủ đề
0