סלקטור class
תיאור: בוחר כל האלמנטים עם מחלקה נתונה.
jQuery('class')
הוספה בגרסה: 1.0
class
מחלקה לחיפוש.
לאלמנט יכול להיות מספר מחלקות;
רק אחת מהן צריכה להתאים.
עבור סלקטורים של מחלקה,
jQuery
משתמש בפונקצית מקור של
JavaScript
getElementsByClassName(),
אם דפדפן תומך בה.
דוגמאות
דוגמה 1
מוצא כל האלמנטים עם מחלקה 'myClass'.דוגמה 1 - קוד מלא:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $(".myClass").css("border","3px solid red"); }); </script> <style> div,span { width: 150px; height: 60px; float:left; padding: 10px; margin: 10px; background-color: #EEEEEE; } </style> </head> <body> <div class="notMe">div class="notMe"</div> <div class="myClass">div class="myClass"</div> <span class="myClass">span class="myClass"</span> </body> </html>
דוגמה 2
מוצא אלמנטים בעלי שתי מחלקות "myClass" ו- "myOtherClass".דוגמה 2 - קוד מלא:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $(".myClass.myOtherClass").css("border","3px solid red"); }); </script> <style> div,span { width: 150px; height: 60px; float:left; padding: 10px; margin: 10px; background-color: #EEEEEE; } </style> </head> <body> <div class="myClass">div class="myClass"</div> <div class="myOtherClass">div class="myOtherClass"</div> <div class="myClass myOtherClass"> <div class="myClass myOtherClass"</div> </body> </html>
האם מידע זה היה מועיל?
