סלקטור hidden
תיאור: בוחר כל האלמנטים מוסתרים.
jQuery(':hidden')
הוספה בגרסה: 1.0
אלמנטים נחשבים כי מוסתרים מכמה סיבות:
- יש להם CSS
displayבערךnone. - הם אלמנטים של טופס עם
type="hidden". - גובה ורוחב שלהם שווים ל-0.
- אב קודמון של האלמנט מוסתר, לכן האלמנט לא מוצג בדף.
אלמנטים עם visibility: hidden או opacity: 0
נחשבים לגלוים, מכיוון שתופסים מקום בדף.
בזמן של אנימציה שמסתירה אלמנט, אלמנט נחשב כי גלוי עד סוף האנימציה.
בזמן האנימציה שמציגה אלמנט, אלמנט נחשב כי גלוי מתחילת האנימציה.
כמו :hidden
נקבע ללא שינוי מ-
jQuery 1.3.2.
אלמנט נחשב למוסתר, אם הוא או אחד מההורים שלו לא תופסים מקום במסמך.
נראות CSS,
לא נלקחת בחשבון
(לכן $(elem).css('visibility','hidden').is(':hidden') == false).
דוגמאות
מציג כל אלמנטים מסוג div מוסתרים וסופר שדות קלט מוסתרים
// in some browsers :hidden includes head, title, script, etc...
// so limit to body
$("span:first").text("Found " +
$(":hidden", document.body).length +
" hidden elements total.");
$("div:hidden").show(3000);
$("span:last").text("Found " + $("input:hidden").length +
" hidden inputs.");
קוד מלא:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ // in some browsers :hidden includes head, title, script, etc... // so limit to body $("span:first").text("Found " + $(":hidden", document.body).length + " hidden elements total."); $("div:hidden").show(3000); $("span:last").text("Found " + $("input:hidden").length + " hidden inputs."); }); </script> <style> div { width:70px; height:40px; background:#ee77ff; margin:5px; float:left; } span { display:block; clear:left; color:red; } .starthidden { display:none; } </style> </head> <body> <span></span> <div></div> <div style="display:none;">Hider!</div> <div></div> <div class="starthidden">Hider!</div> <div></div> <form> <input type="hidden" /> <input type="hidden" /> <input type="hidden" /> </form> <span> </span> </body> </html>
האם מידע זה היה מועיל?
