ทดสอบ 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")("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")("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")("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
ลอง»
ในขณะที่คุณสามารถเห็นในตัวอย่างข้างต้น jQuery ช่วยให้การเชื่อมโยง (ไวยากรณ์โซ่)
การเชื่อมโยง (Chaining) เป็นวิธีการในการดำเนินการหลายงานในเรื่องเดียวกันวิธีที่สะดวก
คุณต้องเรียนรู้มากขึ้น? กวดวิชานี้จะช่วยให้คุณดี jQuery กวดวิชา