วิธี ที่พึงระลึกถึงขณะใช้ JQuery

จาก WikiBall

ใช้เวอร์ชั่นใหม่สุด

แน่นอนเสียเหลือเกินว่าของใหม่ย่อมดีกว่าของเก่า ดังนั้นเราจึงควรใช้ jQuery ในเวอร์ชั่นที่ใหม่กว่า

<!-- get the API with a simple script tag -->
 <script type="text/javascript" src="<a href="http://www.google.com/jsapi%22%3E%3C/script">http://www.google.com/jsapi"></script</a>>
 <script type="text/javascript">
     /* and load minified jQuery v1.3.2 this way */
     google.load ("jquery", "1.3.2", {uncompressed: false});  

     google.setOnLoadCallback (onLoad);
 </script>

ใช้ For แทน Each

รวมสคริปซะ

รวมสคริปของทุกเพจไว้ด้วยกัน เพื่อที่จะให้บราวเซอร์โหลดแค่ครั้งเดียว

ใช้ ID แทน Class

ในการใช้ selecter ของ jQuery ควรจะใช้เลือกโดย ID แทนการเลือกด้วย class เช่น $(’#demo’) แทนการใช้ $(’.example’) ดังนั้นเราจึงควรเขียน HTML ใช้สนับสนุนการใช้งานในส่วนนี้ด้วย หรือถ้าจำเป็นต้องใช้ class จริงๆ ควรทำการสโคปการค้นหาให้เล็กลงเช่น $(’.class’, ‘#class-container’)

$(expression, context)  

$('#demo').html ('What's up');
$('#demo').css ('color', '#444444');
$('#demo').addclass ('fulltext');

var demo = $('#demo');
demo.html ('What's up');
demo.css ('color', '#444444');
demo.addclass ('fulltext');

 $('#demo').css ('color', '#444444').addclass ('fulltext');