การกำหนด Selectors ด้วย jquery แบบ Basic
25 September 2008
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>
บทความในหมวดที่่น่าสนใจ อื่นๆ
บทความคนเข้าอ่านวันนี้
28 Dec 10 ทบทวน ลำดับ การทำงาน keyboard events ของ input text ใน jQuery อ่าน 1821 09 Oct 10 สร้าง album และ อัพโหลด รูป photo ขึ้น facebook ด้วย php sdk อ่าน 3433 01 Dec 10 การใช้งาน polyline และ polygon ใน google map api v3 อ่าน 3581 12 May 10 แนวทาง การดึงข้อมูล แบบ real time ด้วย ajax ใน jQuery อ่าน 8803 03 Oct 10 แสดงข้อมูลตัวเลือก ด้านข้าง google map กับการใช้งาน event.trigger อ่าน 1520 22 Feb 11 ตัวอย่าง การสร้างรูปแบบ ตารางรายงานข้อมูล ด้วย css อย่างง่าย อ่าน 2106 14 Nov 08 สร้างป้ายโฆษณาเลื่อนตามจอภาพ ด้วย jquery ได้ในไม่กี่บรรทัด อ่าน 6780 25 Sep 08 Margins and Padding การจัดการพื้นที่ระหว่างสิ่งต่างๆ อ่าน 3409 25 Sep 08 การกำหนด selectors ด้วย jQuery แบบลำดับขั้น ตอนที่ 2 อ่าน 3229 28 Sep 10 สร้างคำสั่ง สำหรับปุ่มควบคุม กำหนดเอง ใน google map อ่าน 1507 19 Jan 11 อักขระคั่น (Delimiters) ในการใช้งาน Regular Expressions ของ PHP อ่าน 1039 19 Nov 09 สร้าง scrollbar แนวตั้ง จากรูปภาพ ด้วยเทคนิค css sprite image และ jQuery อ่าน 3661 16 Sep 10 เพิ่มความสะดวก การ insert update delete ข้อมูล ของ mysql ด้วย php function อ่าน 7130 21 Aug 10 เริ่มใช้ และ ประยุกต์ CKEditor ให้ใช้งานง่าย เต็มความสามารถ อ่าน 3476 13 Oct 11 แนะนำการใช้งาน การเชื่อมต่อ facebook ด้วย php sdk v.3.1.1 อ่าน 671 18 Oct 08 สร้างเมนูแนวนอน ด้วย CSS ไม่ต้องใช้ตารางอย่างง่าย อ่าน 4126 03 Jun 09 สร้างระบบ slide เลื่อนซ้าย ขวา ด้วย jquery อย่างง่าย อ่าน 13238 13 Jul 10 วิธี load xml ไฟล์ และ แบ่งหน้า ด้วย php อย่างง่าย อ่าน 2775 25 Sep 08 การกำหนดความกว้างความสูงของ element ด้วยฟังก์ชันของ jQuery อ่าน 2437 14 Oct 11 การเชื่อมต่อ facebook และ ล็อกอิน แบบ popup ด้วย php sdk v.3.1.1 อ่าน 824