Cách dùng :password Selector trong jQuery
Password Selector sẽ lựa chọn tất cả các phần tử có type
là password
.

$( ":password" )
và $( "[type=password]" )
tương đương với nhau, cũng giống như các selector giả định khác(các selector bắt đầu bởi dấu ":") chúng nên được đặt trước bởi một tên thẻ hoặc một selector nào đó nếu không nó sẽ được hiểu là bộ chọn toàn bộ("*"). Nói cách khác $( ":password" )
sẽ tương đương với $( "*:password" )
, do đó nên sử dụng $( "input:password" )
để thay thế.
Chú ý: Bởi vì :password
là một Jquery extension và không phải là một phần thiết lập của CSS, các truy vấn sử dụng :password
sẽ không thể phát huy hiệu quả của phương thức querySelectorAll()
. Để đạt được hiệu quả cao nhất, sử dụng [type="password"]
để thay thế.
Cú pháp
1 | jQuery( ":password" ) |
Ví dụ
Tìm kiếm phần tử input có type="password"
và đổi màu cho nó:
Bài viết này được đăng tại [free tuts .net]
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | <!DOCTYPE html> <html> <head> <meta charset= "utf-8" > <title>Học lập trình miễn phí tại freetuts.net</title> <style> textarea { height: 45px; } </style> </head> <body> <h1>Học lập trình miễn phí tại freetuts.net</h1> <form> button: <input type= "button" value= "Input Button" > <hr> checkbox:<input type= "checkbox" > <hr> file:<input type= "file" > <hr> hidden:<input type= "hidden" > <hr> image:<input type= "image" > <hr> password:<input type= "password" > <hr> radio:<input type= "radio" > <hr> reset:<input type= "reset" > <hr> submit:<input type= "submit" > <hr> text:<input type= "text" > <hr> select: <select> <option>Option</option> </select> <hr> textarea:<textarea></textarea> <hr> Button:<button>Button</button> </form> <button onclick= "myFunction()" >Click vào đây để xem kết quả</button> <script> function myFunction(){ $( "input:password" ).css( "background" , "red" ); } </script> </body> </html> |
Kết quả:
Tham khảo: jquery.com
Cùng chuyên mục:







