28 สิงหาคม 2008

เริ่มต้นด้วย jQuery

Posted by: Mahbub ใน การเริ่มต้น

ผมคิดว่าเรารู้ว่าสิ่ง jQuery คือ ดีที่จะแปรงมันขึ้น "jQuery เป็นห้องสมุด javascript ที่ทำให้ชีวิตเราง่ายขึ้น" . ฉันชอบที่จะกำหนดในลักษณะที่ ตกลงตอนนี้ในบทความนี้ผมจะแสดงวิธีการได้รับสิ่งที่เริ่มต้นสำหรับ jQuery ในขณะที่คุณสามารถอ่านบล็อกนี้ก็ชัดเจนว่าคุณมีการเชื่อมต่ออินเทอร์เน็ตและแน่นอนที่คุณกำลังใช้เบราว์เซอร์บาง ดังนั้นขอเพียงแค่พยายามที่หนึ่งชิ้นส่วนของรหัสก่อนที่จะทำการโพสต์ยาว ก่อนหน้านั้นเรามาดูสิ่งที่เราต้องการสำหรับการที่

  • ห้องสมุด jQuery (ดาวน์โหลดได้จาก http://jqueryjs.googlecode.com/files/jquery-1.2.6.js ) นี้เป็นรุ่นปัจจุบันเมื่อผมเขียนโพสต์
  • เบราว์เซอร์ที่ทันสมัย​​ (IE 6.0 +, FF 2 +, Safari 2.0 +, Opera 9.0 +) และเปิดใช้ JavaScript
  • และแก้ไขข้อความ (Fav ของฉันคือ Notepad + +)

ฉันคิดว่าเราทุกคนรู้วิธีการที่ไม่มองหน้า HTML พื้นฐานเช่น เราต้องการเพียงแค่เรียกใช้ชิ้นง่ายของรหัสการเพิ่มห้องสมุด jQuery
ตอนนี้เพียงคัดลอกและวางโค้ดด้านบนและบันทึกไว้เรียก "jQuery-test.html"

<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
xmlns="http://www.w3.org/1999/xhtml"> <html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title> สนาม Jquery ของฉัน </ title>
<script src="jquery-1.2.6.js" type="text/javascript"> </ script>
<script type="text/javascrpt">

$ (เอกสาร). พร้อม (function () {
alert ("Muhahaha");
});

</ script>
<หัว />
<body>
</ body>
</ html>

และตอนนี้คุณสามารถเรียกใช้รหัสโดยดับเบิลคลิกที่ไฟล์ที่คุณเพิ่งสร้าง มีคุณคลิก? และคุณสามารถเห็นเสียงหัวเราะ ("Muhahaha")? ถ้าใช่แล้วเราได้เริ่มต้นเพียงเพื่อใช้ jQuery

ตอนนี้ผมคิดว่าเราต้องนิด ๆ หน่อย ๆ จากคำอธิบายของสิ่งที่เราทำใน code ข้างต้น

อันดับแรกเราได้เริ่มต้นกับ HTML แม่แบบพื้นฐานมาก
ประการที่สองเราเพิ่งเพิ่มห้องสมุด javascript jQuery ใช้
<script type="text/javascrpt" src=" jquery-1.2.6.js"> </ script>
และแล้วเราเขียนบล็อกจาวาสคริปต์
<script type="text/javascrpt">
$ (เอกสาร). พร้อม (function () {
alert ("Muhahaha");
});
</ script>

มันทำอะไร? ดี $ (เอกสาร) พร้อม (function () {.. blah blah});. หมายความว่ารันโค้ด "blah blah" เมื่อโหลด (เอกสาร) หน้า บางทีการเขียน

ฟังก์ชั่น $ (() {
alert ("Muhahaha");
});

จะทำในสิ่งเดียวกัน

EASY, huh?

เพื่อให้คุณได้เพียงแค่ได้เริ่มต้นด้วย jQuery วันที่โพสต์อื่น ๆ เพื่อความสนุกสนานเล็กน้อยมากและ Magics

สำหรับการอ่านเพิ่มเติมได้ที่ jquery.com เว็บไซต์

2 Responses to "เริ่มต้นด้วย jQuery"

1 | Sekhar

7 เมษายน 2009 เวลา 04:56 น.

Avatar

explaination ดี

2 | ไมค์

19 มิถุนายน 2009 เวลา 11:52 น.

Avatar

ฉันเพิ่งเริ่มคุ้นเคยกับห้องสมุด js "สิ่ง" และดาวน์โหลดเมนูง่ายๆสำหรับ jQuery มันจริงๆง่ายนี้หรือฉันหลอกตัวเอง? ฉันมีความรู้สึกฉันเพิ่ง stumbled เมื่อสิ่งที่จะทำให้เข้าใจผิดในความเรียบง่าย :-)

ความคิดเห็นที่ฟอร์ม


  • Virendra: มีปลั๊กอินใหม่ที่มีที่ดีกว่าปลั๊กอินนี้คือ http://jquerybyexample.blogspot.com/2012/03/how-to-create-page-flip-effect-using~~V
  • Tina: ขอขอบคุณสำหรับรายการนี้ใด ๆ ของ alpticapions เหล่านี้จะเป็นประโยชน์อย่างยิ่งสำหรับธุรกิจของช่างภาพงานแต่งงานในยูทาห์?
  • Janelle: ดีเห็นความเชี่ยวชาญจริงบนจอแสดงผล cotnritbuion ของคุณคือการต้อนรับมากที่สุด

นักแปล

English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroatian flagDanish flagFinnish flagHindi flagPolish flagRomanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag

Tags: