ทดสอบ JQuery JavaScript
การทดสอบไลบรารี JavaScript กรอบ - jQuery
jQuery อ้างอิง
เพื่อทดสอบห้องสมุด JavaScript คุณต้องอ้างอิงได้ในเว็บเพจ
เพื่ออ้างถึงห้องสมุดใช้ <script> แท็กซึ่ง src แอตทริบิวต์การตั้งค่าไปยังห้องสมุด URL นี้:
jQuery อ้างอิง
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
</head>
<body>
</body>
</html>
jQuery คำอธิบาย
ฟังก์ชั่นหลักคือ jQuery $ () ฟังก์ชัน (ฟังก์ชัน jQuery) หากคุณผ่านวัตถุ DOM ฟังก์ชั่นที่ส่งกลับวัตถุ jQuery กับ jQuery เพิ่มฟังก์ชันการทำงานที่
jQuery CSS เลือกให้คุณเลือกองค์ประกอบ
ใน JavaScript คุณสามารถกำหนดฟังก์ชั่นการจัดการกรณีที่โหลดหน้าต่าง:
วิธี javascript:
{
var obj = document.getElementById ( "H01");
obj.innerHTML = "สวัสดี jQuery";
}
onload = myFunction;
เทียบเท่า jQuery จะแตกต่างกัน
วิธี jQuery:
{
$("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);
บรรทัดสุดท้ายของโค้ดข้างต้นวัตถุเอกสาร HTML DOM ถูกส่งไปยัง jQuery: $ (เอกสาร)
เมื่อคุณผ่านวัตถุ DOM เพื่อ jQuery, jQuery จะกลับไปยังวัตถุ jQuery วัตถุ DOM HTML ห่อ
ฟังก์ชั่น jQuery ส่งกลับวัตถุ jQuery ใหม่ที่ซึ่งพร้อมที่ () เป็นวิธีการที่
ตั้งแต่ฟังก์ชั่นเป็นตัวแปรใน JavaScript เพื่อให้คุณสามารถใส่ myFunction ส่งผ่านเป็นอาร์กิวเมนต์กับวิธีการพร้อม jQuery
 | jQuery กลับวัตถุ jQuery วัตถุ DOM ได้ผ่านที่แตกต่างกัน JQuery คุณสมบัติของวัตถุและวิธีการมีวัตถุ DOM ที่แตกต่างกัน คุณไม่สามารถใช้ HTML DOM คุณสมบัติและวิธีการเกี่ยวกับวัตถุ jQuery |
|---|
การทดสอบ jQuery
โปรดลองตัวอย่างต่อไปนี้:
ตัวอย่าง
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
ลอง»
โปรดลองอีกครั้งในตัวอย่างนี้
ตัวอย่าง
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").attr("style","color:red").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
ลอง»
ในขณะที่คุณสามารถเห็นในตัวอย่างข้างต้น jQuery ช่วยให้การเชื่อมโยง (ไวยากรณ์โซ่)
การเชื่อมโยง (Chaining) เป็นวิธีการในการดำเนินการหลายงานในเรื่องเดียวกันวิธีที่สะดวก
คุณต้องเรียนรู้มากขึ้น? กวดวิชานี้จะช่วยให้คุณดี jQuery กวดวิชา