Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,036

HOME > jQuery > jQuery Introduction > jQuery : How to use , จะเขียน jQuery จะต้องทำอย่างไร

jQuery : How to use , จะเขียน jQuery จะต้องทำอย่างไร

jQuery : How to use , จะเขียน jQuery จะต้องทำอย่างไร
jQuery : How to use จากบทความก่อนหน้านี้ jQuery เป็นเพียง Library ของ JavaScript ที่เป็นทางเลือกในการพัฒนาโปรแกรมบนเว็บไซต์ ถ้าในกรณีที่เรามีโปรเจคที่เขียนไว้อยู่แล้วสามารถนำ jQuery ไปใช้ได้ทันที โดยขั้นแรกให้ดาวน์โหลด jQuery Library ได้ที่เว็บไซต์

http://jquery.com/

ในบทความนี้ผมได้ใช้ Version 1.6.4 ซึ่งจะได้ไฟล์ jquery-1.6.4.js

หลังจากได้ไฟล์ jquery-1.6.4.js แล้วให้นำไฟล์นี้เก็บไว้ใน root ของ Project และ include เข้ามาในไฟล์โดยใช้คำสั่ง

<script type="text/javascript" src="jquery-1.6.4.js"></script>

หรือในกรณีที่เก็บ jQuery Library ไว้ใน path อื่น ๆ ก็ให้อ้างอิง Path ให้ถูกต้อง เช่น

<script type="text/javascript" src="js/jquery-1.6.4.js"></script>

นอกจากนี้ยังมีทางเลือกที่สามารถ include จากเว็บไซต์ของ Google หรือ Microsoft โดยเว็บไซต์เหล่านี้ได้มีการประกาศ include jQuery Library ให้ใช้งานได้ ในกรณีที่พัฒนาบน Open Source ผ่าน Web Management เช่น Blogger หรืออื่น ๆ โดยไม่ต้อง Copy Library มาลงไว้ในเครื่อง Server

Microsoft

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js"></script>

Google

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

ในการ include ตัว jQuery Library ควรให้ถุกต้องตามรูปแบบการเขียน โดยให้ไว้ในส่วนของ <header>...</header>

ตัวอย่างการ include Library jQuery

<html>
<head>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").click(function(){
  $(this).hide();
  });
});
</script>
</head>
<body>
<p>Welcome to My site</p>
</body>
</html>

ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท

ลองใช้ค้นหาข้อมูล


	By :	ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
	Score Rating :
	Create/Update Date :	2011-09-20 21:24:48 / 2017-03-19 13:14:28
	Download :	No files

Sponsored Links / Related

jQuery : What's a jQuery , jQuery คืออะไร ??
Rating :

jQuery Syntax : jQuery Basic Syntax
Rating :

jQuery Selectors : jQuery Selectors and Element
Rating :

jQuery HTML : jQuery and HTML
Rating :

jQuery Css : jQuery and Css
Rating :

jQuery Events : jQuery and Events
Rating :

jQuery Effects : jQuery and Effects
Rating :

jQuery Ajax : jQuery and Ajax
Rating :

สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8

สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI

Free Tutorial

	สอน Google Maps Api
	สอน Windows Service
	สอน Entity Framework
	สอน Android
	สอน Java เขียน Java
	Java GUI Swing
	สอน JSP (Web App)
	iOS (iPhone,iPad)
	Windows Phone
	Windows Azure
	Windows Store
	Laravel Framework
	Yii PHP Framework
	สอน jQuery
	สอน jQuery กับ Ajax
	สอน PHP OOP (Vdo)
	Ajax Tutorials
	SQL Tutorials
	สอน SQL (Part 2)
	JavaScript Tutorial
	Javascript Tips
	VBScript Tutorial
	VBScript Validation
	Microsoft Access
	MySQL Tutorials
	-- Stored Procedure
	MariaDB Database
	SQL Server Tutorial
	SQL Server 2005
	SQL Server 2008
	SQL Server 2012
	-- Stored Procedure
	Oracle Database
	-- Stored Procedure
	SVN (Subversion)
	แนวทางการทำ SEO
	ปรับแต่งเว็บให้โหลดเร็ว