PHP Ionic Angular HTML5 AJAX Javascript CSS MySQL jQuery Forum


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

25 September 2008 By Ninenik Narkdee
basic selects jquery

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



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 เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ



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

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







Tags:: basic selects jquery







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