1. การเรียกใช้ไฟล์ jQuery จะอยู่ใน <script src="ชื่อไฟล์ประเภท Javascript"></scrip> มี 2 รูปแบบคือ
- download ไฟล์ jQuery แล้วนำไปวางใน root Document หรือจะเอาไปรวมไว้กับไลบรารี่อื่นๆ ก็ได้ แล้วเรียกตาม path ที่เราเก็บไฟล์ jQuery ไว้ (ตัวอย่างไฟล์ jquery-3.5.1.min.js)
โค้ด: เลือกทั้งหมด
<html>
<head>
<script src="/jquery-3.5.1.min.js"></script>
</head>
</html>
โค้ด: เลือกทั้งหมด
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
</html>
selector = HTML element, css (ที่เราระบุเป็น id, class) ที่กำหนดอยู่ใน element$(selector).action()
action() = เมธอดที่ใช้กำหนดการทำงานให้กับ selector
ตัวอย่างการใช้
- $(this).hide() เป็นการซ่อนองค์ประกอบปัจจุบัน
- $("p").hide() เป็นการซ่อนองค์ประกอบ "p" ทั้งหมด
- $(".test").hide() เป็นการซ่อนองค์ประกอบที่มี class= "test"
- $(#test").hide() เป็นการซ่อนองค์ประกอบที่มี id="test"
3. Method Chainning เป็นความสามารถเขียน jQuery ที่เรียกใช้เมธอนใน Element นั้นได้มากกว่า 1 Method โดยการทำงานจะเรียงลำดับขั้น ซึ่งจะเขียนได้ภายในบรรทัดเดียว เช่น
หากใน html นั้นมีแท็ก h1 > text("One more?") จะแสดงเป็นคำว่า One more? >> css("font-style","italic") เปลี่ยน style จะทำให้ตัวหนังสือเอียง$("h1").text("One more?").css("font-style","italic");