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

เขียนเมื่อ 15 ปีก่อน โดย Ninenik Narkdee
basic selects jquery

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ basic selects jquery

ดูแล้ว 12,509 ครั้ง


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="https://www.ninenik.com/">Ninenik.com</a>  
    <a class="myclass" href="https://www.ninenik.com/">Ninenik.com</a> 
    <a  href="https://www.ninenik.com/">Ninenik.com</a>
   <p>www.ninenik.com</p>	
  <span>www.ninenik.com</span>
  </body>
  </html>


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



อ่านต่อที่บทความ

  • 25 Sep
    2008
    jquery สคริปแรกของคุณ  อ่าน 12,211
    มาทดลองสคริปแรกด้วย เงื่อนไข เมื่อมีการกดที่ ลิ๊งค์ แล้วให้ทำการ แสดงข้อความว่า













URL สำหรับอ้างอิง





คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )







เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ