Visible Selector Example 2
RUN
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Học lập trình miễn phí tại freetuts.net</title> <script src="https://freetuts.net/cnd/js/jquery/jquery-3.2.1.min.js"></script> <style type="text/css"> div { width: 50px; height: 40px; margin: 5px; border: 3px outset green; float: left; } .starthidden { display: none; } </style> </head> <body> <h1>Học lập trình miễn phí tại freetuts.net</h1> <div></div> <div class="starthidden"></div> <div></div> <div></div> <div style="display:none;"></div> <br> <button>Hiển thị các thẻ div bị ẩn</button> <script> $( "button" ).click(function() { $( "div:hidden" ).show( "fast" ); $( "div:visible" ).click(function() { $( this ).css( "background", "red" ); }); }); </script> </body> </html>
PHÓNG TO