เรียนเรื่อง jQuery ฉบับคำนำหน้า

jQuery ลิเบอร์เรย์สามารถเพิ่มเข้าไปในหน้าเว็บโดยตรงด้วยสัญญาณเพียงแค่แถวเดียว。

jQuery ลิเบอร์เรย์ - คุณสมบัติ

jQuery คือหน่วยงานฟังก์ชัน JavaScript

jQuery ลิเบอร์เรย์มีคุณสมบัติต่อไปนี้:

  • การเลือก HTML อิเลเมนต์
  • การทำงาน HTML อิเลเมนต์
  • การทำงาน CSS
  • ฟังก์ชันเหตุการณ์ HTML
  • เอฟเฟคต์และอนิเมชั่น JavaScript
  • เดินทางและแก้ไข HTML DOM
  • AJAX
  • อุปกรณ์

เพิ่ม jQuery ลิเบอร์เรย์ ในหน้าของคุณ

jQuery ลิเบอร์เรย์ตั้งอยู่ในไฟล์ JavaScript ซึ่งมีทั้งหมดฟังก์ชัน jQuery ของมัน。

คุณสามารถเพิ่ม jQuery ลงบนเว็บไซต์ด้วยสัญลักษณ์ด้านล่างนี้:

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

โปรดจำได้ว่า <script> แบตทิ้งควรอยู่ในส่วน <head> ของเว็บไซต์

ตัวอย่าง jQuery พื้นฐาน

ตัวอย่างด้านล่างนี้แสดงฟังก์ชัน hide() ของ jQuery ซึ่งซ่อนสมาชิก <p> ทั้งหมดในเอกสาร HTML

ตัวอย่าง

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("document").ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>นี่คือหัวข้อ</h2>
<p>นี่คือย่อหน้า</p>
<p>นี่คือย่อหน้าอื่นๆ</p>
<button type="button">คลิกฉัน</button>
</body>
</html>

ทดลองด้วยตัวเอง

ดาวน์โหลด jQuery

มีสองเวอร์ชั่นของ jQuery ที่สามารถดาวน์โหลดได้: หนึ่งเวอร์ชั่นเป็นรูปแบบที่ทำให้เล็กลง และหนึ่งเวอร์ชั่นเป็นรูปแบบที่ยังไม่ถูกการหักข้อความ (สำหรับการดัดแปลงหรืออ่าน)

เวอร์ชั่นทั้งสองนี้สามารถดาวน์โหลดได้ jQuery.com ดาวน์โหลด

การแทนที่คลังความจำ

Google และ Microsoft มีการสนับสนุน jQuery ที่ดี

หากคุณไม่ต้องการเก็บคลังความจำ jQuery บนคอมพิวเตอร์ของคุณ คุณสามารถดาวน์โหลด CDN jQuery ไฮเปอร์เทิร์นฟิล์ลจาก Google หรือ Microsoft

ใช้ CDN ของ Google

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

ใช้ CDN ของ Microsoft

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