1. Home
  2. ทดสอบ JQuery JavaScript

บทช่วยสอน ทดสอบ JQuery JavaScript ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ jQuery อ้างอิง,jQuery อ้างอิง,jQuery คำอธิบาย,วิธี javascript:,วิธี jQuery:,การทดสอบ jQuery,ตัวอย่าง,ตัวอย่าง,

ทดสอบ JQuery JavaScript

การทดสอบไลบรารี JavaScript กรอบ - jQuery

jQuery อ้างอิง

เพื่อทดสอบห้องสมุด JavaScript คุณต้องอ้างอิงได้ในเว็บเพจ

เพื่ออ้างถึงห้องสมุดใช้ <script> แท็กซึ่ง src แอตทริบิวต์การตั้งค่าไปยังห้องสมุด URL นี้:

jQuery อ้างอิง

<!DOCTYPE html>
<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:

ฟังก์ชั่น myFunction ()
{
var obj = document.getElementById ( "H01");
obj.innerHTML = "สวัสดี jQuery";
}
onload = myFunction;

เทียบเท่า jQuery จะแตกต่างกัน

วิธี jQuery:

function myFunction()
{
    $("#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

โปรดลองตัวอย่างต่อไปนี้:

ตัวอย่าง

<!DOCTYPE html>
<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>

ลอง»

โปรดลองอีกครั้งในตัวอย่างนี้

ตัวอย่าง

<!DOCTYPE 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 กวดวิชา

บทแนะนำยอดนิยม

Contact US

ทดสอบ JQuery JavaScript
10/30