23
2009
การใช้งาน jQuery ร่วมกับ Other Libraries
เนื่องจาก JavaScript Library (jQuery, Prototype, MooTools, YUI or etc.) ต่างก็มี shortcut function คือ $-function เหมือนกัน จะทำอย่างไรละครับทีนี้ถ้าเราจะใช้ Libraries อื่นๆ ร่วมกับ jQuery 1. กรณีที่ โหลดตัว jQuery ตามหลัง Other Libraries กรณีนี้เราจะต้อง overriding $-function โดยการเรียก jQuery.noConflict() และตำแหน่งที่เรียก jQuery.noConflict() จะนำไปไว้ตรงไหนก็ได้แต่จะต้องวางไว้หลัง jQuery และ Other Libraries ทำการโหลด ส่วน shortcut function ของ jQuery คุณสามารถใช้ jQuery แทน $ และ shortcut function ของ Other Libraries ก็ให้ใช้ $ เหมือนเดิม ตัวอย่าง 1.1 <html> <head> <script src=”jquery.js”></script> <script src=”prototype.js”></script> <script type=”text/javascript”> jQuery.noConflict(); // Use jQuery via jQuery(…) jQuery(document).ready(function(){ [...]
An article by 
21
2009
What is jQuery ?
แน่นอนอยู่แล้วว่า ก่อนที่ใครจะศึกษาอะไร เอาก็ต้องมีคำถามในใจเหมือนกันทุกๆคนว่า ที่เราจะศึกษาเนี่ยมันคืออะไร? มันใช้ทำอะไร มีประโยชน์อย่างไร เท่าที่ผมได้ลองใช้ jQuery ในหลายๆงาน ทำให้รู้ถึงข้อดีหลายๆอย่างของ jQuery ผมก็จะมาเล่นสู่กันฟังก็แล้วกันครับ จะได้ดูไม่เครียด เข้าใจง่าย jQuery คืออะไร ? jQuery นั้นเป็น JavaScript Library ที่บรรจุเอา Function และ คำสั่งต่างๆ ที่จะทำให้เราๆท่านๆ ไม่ต้องมาเขียนเองใหม่ทั้งหมดตั้งแต่ต้น เราสามารถที่จะเขียน ajax ได้แบบง่ายๆเพียง code ไม่กี่บรรทัด หรือจะเขียน javascript เพื่อดัก Event (เหตุการณ์) ต่างๆที่เขาต้องการ เช่น การ click, rollover, mouse moved อื่นๆอีกมากหมาย ซึ่งถ้าเขียนเองทั้งหมดตั้งแต่ต้นละก็ รับลองได้เลย หลายบรรทัดแน่นอน เวลามาแก้ code ทีหลังนี่เล่นเอาปวดกระบานไปหลายวันเลยละ (จากประสพการณ์จริงเลย)
20
2009
การใช้งาน Effect show ขึ้นสูง (Advance)
ในเนื้อหานี้เราจะมาเรียนรู้วิธีการใช้งาน คำสั่ง show ของ jquery effect ในแบบ Advance กันบ้างนะครับ คำสั่ง Show() นั้นเราสามารถกำหนดทั้งความเร็ว ในการ show หรือจะให้มีการ call back กับมาเมื่อมีการทำงานเสร็จสิ้นแล้ว (call back คือการที่เราจะสามารถใส่ function อะไรเข้าไปเพิ่มเติมเพื่อให้โปรแกรม อีกโปรแกรมทำงานต่อ หลังจากโปรแกรมหลักทำงานเสร็จแล้ว) รูปแบบของคำสั่ง : show( speed , [callback] );
20
2009
การใช้งาน jQuery Effect Show
ก่อนอื่นต้องขออธิบายก่อนนะครับ ว่า Function show() ของ jQuery นี้ใช้ทำอะไรได้บ้าง มีประโยชน์อะไรบ้าง function show ของ jQuery นี้ใช้ในการเปลี่ยน ค่าของ style sheet ของ Tag นั้นๆที่เราต้องการจะ hide หรือ show โดย เมื่อใช้ คำสั่ง show นี้ ค่าใน css ที่เป็นค่า display นั้นถูกกำหนดให้เป็น display หรือถ้าหากใช้ คำสั่ง hide ก็จะถูกกำหนดค่าให้เป็น none และยังมีการใส่ Animation ให้ด้วย โอ้มันยอดมากเลย!! ตัวอย่าง : <div id=”myDIV” style=”background-color:red;display:none”> My DIV </div>
19
2009
jQuery Hello World!
$.(“body”).ready(function(){ alert(“jQuery Hello World!!”); }); jQuery Hello World! ยินดีต้อนรับสู่ jQuery Blog in Thailand คุณสามารถติดตามข่าวต่างๆ หรือ บทความ วิธีการใช้งาน ทริป เทคนิคต่างๆ ของ jQuery ได้ที่ Blog แห่งนี้ แห่งเดียวที่อัดแน่นไปด้วยเนื้อหา ต่างๆที่เกี่ยวกับการใช้งาน jQuery ถ้าคิดจะลองเล่นกับ jQuery แล้วละก็ พลาดไม่ได้เด็ดขาด!! คุณมาถูกที่แล้วครับ
Tags
Categories
- jQuery 1.4 (8)
- jQuery Mobile (2)
- jQuery UI (2)
- News (2)
- Others (23)
- Plugin (11)
- The basics of jQuery (5)
- Tips (12)
- คู่มือการใช้งาน jQuery ฉบับ ภาษา ไทย (25)
- Ajax (4)
- Attributes (1)
- Core (1)
- Effects (7)
- Events (3)
- Manipulation (2)
- Selectors (4)
- Traversing (2)
- Utilities (1)
Advertise
Google Pagerank