<!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd "><HTMLxmlns= "http://www.w3.org/1999/xhtml"> <Head> <title>Visibility Selector</title> <Metahttp-equiv= "Content-type"content= "Text/html;charset=utf-8" /> <styletype= "Text/css">. Yang{Border-collapse:collapse;width:500px;Height:30px;Border:1px solid Red;"} </style> <Scripttype= "Text/javascript"src= "Jquery-1.7.1.min.js"></Script> <Scripttype= "Text/javascript"> /*: Hidden//matches all hidden elements: visible//matches all displayed elements*/window.onload=function(){ $('#btnOk'). Click (function(){ //matches all hidden elements and displays $('Div:hidden'). Show (); }); }; </Script> </Head> <Body> <Div>Div1</Div> <Divstyle= "Display:none">Div2</Div> <HR/> <inputtype= "button"ID= ' Btnok 'value= ' OK '/> </Body></HTML>
jquery Visibility Selector (matches all hidden elements)