eq() jQuery การเข้าถึง Elements ด้วย index
บทความวันที่ 12 พฤศจิกายน 2555
eq คือ คำสั่งของ jQuery ในหมวดของ Selector มีไว้สำหรับการเข้าถึง Elements ที่ต้องการโดยระบุ index หรือลำดับที่ของ Elements ซึ่งมีประโยชน์อย่างมากสำหรับการทำ Active Menu ด้วย jQuery
ภาพรวมของ eq
1. ใช้คำสั่ง eq([index]) สำหรับการเข้าถึง Elements ที่ต้องการ
2. หมายเลข index จะถูกเริ่มต้นที่ 0
3. ช่วยลดระยะเวลาในการเข้าถึง Elements (Travel Elements) ด้วยการใช้ลำดับ (index) แทน
ตัวอย่างโปรแกรม
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.min.js"></script>
<title>amplysoft.com</title>
</head>
<body>
<ul>
<li>amplysoft</li>
<li>php</li>
<li>asp.net</li>
<li>jQuery</li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
$('ul > li:eq(0)')
.css({'color':'green', 'font-weight':'bold'});
$('ul > li:eq(3)')
.css({'color':'green', 'font-weight':'bold'});
});
</script>
</body>
</html>
ผลลัพธ์
คำค้นหา eq() jQuery, รับทำเว็บ, รับเขียนเว็บ, เรียนเขียนโปรแกรม
