วันนี้มาพูดถึงการจัดการกับอิลิเม้นต์ในหน้าเอกสาร html กัน โดยจะเริ่มที่การเลือกอิลิเม้นทั้งหมด ที่อยู่ในเอกสาร html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>
<div id="test">
<div>DIV</div>
<span>SPAN</span>
<p>P <button>Button</button></p>
<script>
$("*").css("border","3px solid red");
</script>
</body>
</html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>
<div id="test">
<div>DIV</div>
<span>SPAN</span>
<p>P <button>Button</button></p>
<script>
$("*").css("border","3px solid red");
</script>
</body>
</html>
จากโค้ดนี้ มีแท็กทั้งหมดที่อยู่ในเอกสาร html นี้เลยทีเดียว
โดยหากเราต้องการเลือกแท็กทั้งหมดนี้ จะต้องใช้เครื่องหมาย $("*") เพื่อเป็นการบอก jquery ว่าเราต้องการเลือกแท็กทั้งหมด และในตัวอย่างที่ผมเอามาให้นี้มันจะกำหนดค่า css โดยจะกำหนดลักษณะของเส้นของทุกๆแท็ก ซึ่งผลของมันคือทุกแท็กในเอกสารนี้จะมี ขนาดของเส้น 3px แบบ solid และเป็นสีแดง
ไม่มีความคิดเห็น:
แสดงความคิดเห็น