<!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(){ //match all displayed elements and hide $('div:visible'). Hide (); }); }; </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 displayed elements)