סלקטור id
תיאור: בוחר אלמנט אחד עם מאפיין ID הנתון.
עבור סלקטורים ID,
jQuery
משתמש ב-
document.getElementById(),
שהוא יעיל ביותר.
כאשר סלקטור אחר מצורף לסלקטור
ID,
כמו, למשל,
h2#pageTitle, jQuery
יבצע בדיקה נוספת, לפני בחירת אלמנטים כי מתאימים.
תמיד זכרו, שבתור מפתח, זמן שלכם, בדרך כלל, הוא המצרך הכי יקר. אל תתמקד באופטימיזציה של מהירות הביצוע, אלא אם כן ברור כי הביצועים צריכים להשתפר.
כל ערך של
id
צריך להשתמש רק פעם אחת בתוך המסמך.
אם ליותר מאלמנט אחד יש את אותו מזהה, בקשות שמשמשות במזהה הזה יקחו רק אלמנט הראשון ב-
DOM.
אם זאת אין לסמוך על התנהגות כזו;
מסמך עם יותר מאלמנט אחד עם אותו מזהה לא תקין.
אם מזהה מכיל תווים כמו נקודות או נקודותיים, יש להבריח אותם עם לכסונים.
דוגמאות
דוגמה 1
מחפש אלמנט עם 'myDiv' id.דוגמה 1 - קוד מלא:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("#myDiv").css("border","3px solid red"); }); </script> <style> div { width: 90px; height: 90px; float:left; padding: 5px; margin: 5px; background-color: #EEEEEE; } </style> </head> <body> <div id="notMe"><p>id="notMe"</p></div> <div id="myDiv">id="myDiv"</div> </body> </html>
דוגמה 2
מוצא את האלמנט עם מזהה"myID.entry[1]". שימו לב איך התווים מסוימים צריכים להמלט עם לכסונים.
דוגמה 2 - קוד מלא:
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 300px;
float:left;
padding: 2px;
margin: 3px;
background-color: #EEEEEE;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#myID.entry[1]").css("border","3px solid red");
});
</script>
</head>
<body>
<div id="myID.entry[0]">id="myID.entry[0]"</div>
<div id="myID.entry[1]">id="myID.entry[1]"</div>
<div id="myID.entry[2]">id="myID.entry[2]"</div>
</body>
</html>
האם מידע זה היה מועיל?
