การกำหนด Selectors ด้วย jquery แบบ Basic

25 September 2008 เขียนเมื่อ 15 ปีก่อน โดย Ninenik Narkdee

selects jquery basic

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ selects 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>

กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ