PHP Ionic Angular Phonegap AJAX Javascript CSS MySQL jQuery Forum


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

25 September 2008 By
jquery basic selects

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



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>






Tags:: selects jquery basic






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


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