<!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script language="javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <style type="text/css"> div { width: 70px; height: 40px; background: pink; margin: 5px; float: left; } span { display: block; clear: left; color: red; } .starthidden { display: none; } </style> <script language="javascript"> $(document).ready(function(){ $("#01").click(function(){ // lây các thẻ là hidden trong body var hiddenElements = $( "body" ).find( ":hidden" ); // hiển thị thẻ div đang ẩn $("div:hidden").show(2000); // gán thuộc tính thẻ input đang hidden thành text $("input:first").attr("type","text"); $("span").text("Có tất cả : " + hiddenElements.length + " thẻ ẩn"); }); }); </script> </head> <body> <div class="starthidden">bị ẩn</div> <div></div> <div class="starthidden">bị ẩn</div> <div></div> <input type="hidden" value="bị ẩn"> <span></span> <input id="01" type="button" value="Hiển thị thẻ ẩn lên"> <script>//script cũng được tính là thẻ hidden</script> </body> </html>