การกำหนด Selectors ด้วย jquery แบบ Basic
jquery function จะอ้างอิง object ด้วยคำสั่ง
$("...")
Selectors ของ jquery แบบ Basic จะเป็นวิธีการอ้างอิง object ที่เป็นแท็ก html
ภายในเว็บเพจของคุณ ประกอบไปด้วย
ตัวอย่างประกอบ
$("#id")
เป็นการเลือก object ที่มี id ตามที่กำหนด
// จะแสดงตัวอย่างประกอบด้านล่าง
$(".class")
เป็นการเลือก object ที่มี class ตามที่กำหนด
// จะแสดงตัวอย่างประกอบด้านล่าง
$("element")
เป็นการเลือก object ที่มี tag ตามที่กำหนด
// จะแสดงตัวอย่างประกอบด้านล่าง
$("*")
เป็นการเลือก object ทั้งหมด
// จะแสดงตัวอย่างประกอบด้านล่าง
$("selector1, selector2,.... selectorN")
เป็นการเลือก object แบบหลายๆ แท็ก
// จะแสดงตัวอย่างประกอบด้านล่าง
ตัวอย่างประกอบ
<html>
<head>
<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript">
$("#mydi").show(); // เป็นการเลือก object ที่มี id ตามที่กำหนด
$(".myclass").show(); // เป็นการเลือก object ที่มี class ตามที่กำหนด
$("a").show(); // เป็นการเลือก object ที่มี tag ตามที่กำหนด คือ tag <a>
$("*").show(); // เป็นการเลือก object ทั้งหมด
$("a,p,span").show(); // เป็นการเลือก object แบบหลายๆ แท็ก ได้แก่ <a> <p> และ <span>
</script>
</head>
<body>
<a id="myid1" href="http://www.ninenik.com/">Ninenik.com</a>
<a class="myclass" href="http://www.ninenik.com/">Ninenik.com</a>
<a href="http://www.ninenik.com/">Ninenik.com</a>
<p>www.ninenik.com</p>
<span>www.ninenik.com</span>
</body>
</html>
บทความในหมวดที่่น่าสนใจ อื่นๆ
