हिडन सेलेक्टर
:hidden सेलेक्टर पेज पर उन सभी एलिमेंट्स को
चुनता है जो छिपे हुए हैं।
visibility: hidden या
opacity: 0 वाले एलिमेंट्स दृश्यमान माने जाते हैं,
क्योंकि वे लेआउट में जगह लेते हैं। एलिमेंट्स कई कारणों से
अदृश्य माने जा सकते हैं: CSS प्रॉपर्टी
display का वैल्यू - none होना, या
type="hidden" एट्रिब्यूट वाले एलिमेंट्स होना,
या उनकी ऊंचाई या चौड़ाई 0 पर सेट होना,
या उनका पैरेंट एलिमेंट छिपा होना।
चूंकि :hidden CSS स्पेसिफिकेशन का हिस्सा नहीं है,
इसलिए आधुनिक ब्राउज़रों में बेहतर परफॉर्मेंस के लिए
पहले शुद्ध CSS सेलेक्टर का उपयोग करके एलिमेंट्स को
फिल्टर करना बेहतर है, और फिर
.filter(':hidden') लगाना है।
अन्य तरीकों से, जैसे कि क्लास का उपयोग करके,
एलिमेंट्स की दृश्यता को ट्रैक करना
बेहतर परफॉर्मेंस दे सकता है।
सिंटैक्स
इस तरह हम छिपे हुए एलिमेंट्स को चुनते हैं:
$(':hidden');
उदाहरण
आइए #test बटन पर क्लिक करके
अदृश्य वर्गों को दिखाएं:
<button id="test">दिखाएं</button>
<div></div>
<div style="display:none;"></div>
<div></div>
<div></div>
<div style="display:none;"></div>
div {
width: 40px;
height: 40px;
margin: 5px;
border: 2px outset green;
float: left;
}
$('#test').click(function() {
$('div:hidden').show('slow');
});
