Cách dùng ID Selector (“#id”) trong jQuery

ID Selector sẽ lựa chọn một phần tử có id được cung cấp.

test php

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Đối với ID Selector, Jquery sẽ sử dụng hàm document.getElementById() của Javascript. Khi một selector khác được đặt vào trước id selector, ví dụ h1#title, Jquery sẽ thực hiện các selector đó trước sau đó mới thực hiện tìm kiếm theo id selector.

Việc gọi jQuery() (hoặc $()) với một id được truyền vào như một tham số của nó sẽ trả về một đối tượng Jquery chứa phần tử DOM hoặc không chứa bất cứ phần tử nào.

Mỗi một id chỉ nên được sử dụng cho một phần tử HTML duy nhất trong tài liệu, nếu có nhiều hơn một phần tử sử dụng chung một id giống nhau, ID selector sẽ chỉ chọn về phần tử đầu tiên xuất hiện trong tài liệu sử dụng id đó. Bạn không nên dựa vào điều này vì một tài liệu có chứa nhiều phần tử sử dụng chung một id là không hợp lệ.

Bài viết này được đăng tại [free tuts .net]

Nếu trong id có chứa các kí tự như dấu chấm hoặc dấu phẩy bạn phải thêm vào trước nó một dấu backslashes.

Cú pháp

jQuery( "#id" )

Trong đó:

ID là id sẽ được tìm kiếm.

Ví dụ

Tìm kiếm phần tử có id=myID 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 id="myID">div class="myID"</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(){
                $( "#myID" ).css( "background", "red" );
            }
        </script>
    </body>
</html>

Kết quả:

Tham khảo: jquery.com

Cùng chuyên mục:

Cách dùng .bind() trong JQuery

Cách dùng .delegate() trong JQuery

slideUp() và slideDown() trong jQuery

Nếu nói đến hiệu ứng slide thì ta phải tìm đến những ...

fadeIn() và fadeOut() trong jQuery

Không giống như show và hide, fadeIn và fadeOut sẽ hiển thị hoặc mờ ...

Show() và Hide() trong jQuery

Hàm hide chỉ đơn giản là thiết lập thuộc tính ...

jQuery selector là gì? Trọn bộ selector trong jQuery đầy đủ nhất

Trong bài này chúng ta sẽ tìm hiểu về Selector trong jQuery, đây là bài…

jQuery là gì? Cách viết jQuery cho người mới bắt đầu

Trong công nghệ web 2.0 thì Javascript là một

Cách dùng ID Selector (“#id”) trong jQuery

Cú pháp

Ví dụ