סלקטור all
תיאור: תואם לכל האלמנטים.
jQuery('*')
הוספה בגרסה: 1.0
שימו לב: all, או סלקטור אוניברסלי מאוד איטי, למעט מקריים שימוש עצמי.
דוגמאות
דוגמה 1
מחפש כל האלמנטים (כולל head, body,וכו').דוגמה 1 - קוד מלא:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("*").css("border","3px solid red"); }); </script> <style> div,span,p { width: 150px; height: 60px; float:left; padding: 10px; margin: 10px; background-color: #EEEEEE; } </style> </head> <body> <div>DIV</div> <span>SPAN</span> <p>P <button>Button</button></p> </body> </html>
דוגמה 2
דרך הנפוצה כדי לבחור כל האלמנטים היא חיפוש בתוך document.body אלמנטים כמו head, script, וכו'.דוגמה 2 - קוד מלא:
<!DOCTYPE html>
<html>
<head>
<style>
h3 { margin: 0; }
div,span,p {
width: 80px;
height: 40px;
float:left;
padding: 10px;
margin: 10px;
background-color: #EEEEEE;
}
#test {
width: auto; height: auto; background-color: transparent;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
var elementCount = $("#test").find("*").css("border","3px solid red").length;
$("body").prepend("<h3>" + elementCount + " elements found</h3>");
});
</script>
</head>
<body>
<div id="test">
<div>DIV</div>
<span>SPAN</span>
<p>P <button>Button</button></p>
</div>
</body>
</html>
האם מידע זה היה מועיל?
