PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

25 September 2008 By


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:: basic jquery selects





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