นอกจากเราสามารถใช้ method ของ jQuery เพื่อกำหนด style ได้ด้วย และสามารถกำหนดว่าจะให้มันทำงานเมื่อไหร่ก็ได้
เรามาดูตัวอย่างกัน
โค้ด: เลือกทั้งหมด
<h2>This is a heading</h2>
<p>This is paragraph 1.</p>
<p>This is paragraph 2.</p>
<p>This is paragraph 3.</p>
<p>This is paragraph 4.</p>
<button>Set background-color of p</button>
ซึ้งเรากำหนดให้ paragraph ทั้งหมด มี background เป็นสีเหลือง
เพียงแค่เขียนโค้ดสั้นๆดังนี้
โค้ด: เลือกทั้งหมด
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").css("background-color", "yellow");
});
});
</script>
ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : Jquery & Javascript
-สอนการใช้งาน jQuery & Ajax
-ถาม-ตอบปัญหาเกี่ยวกับ jQuery & Ajax
-บทเรียน jQuery