jQuery是一個JavaScript庫,它簡化了JavaScript的編寫和DOM操作。它提供了一個簡單的API來選擇和操作HTML元素,以及響應各種用戶事件。jQuery還提供了許多有用的插件,例如表單驗證和圖像輪播。
// jQuery選擇器示例 $(document).ready(function() { // 選擇所有p標簽并添加類名highlight $("p").addClass("highlight"); // 選擇id為myDiv的元素并隱藏 $("#myDiv").hide(); // 選擇所有class為myClass的元素并修改文本內容 $(".myClass").text("Hello World"); });
CSS(層疊樣式表)是一種用于描述HTML元素樣式的語言。它可以添加顏色、字體、背景和邊框等外觀屬性,還可以響應不同的屏幕尺寸和設備類型。CSS的優勢在于可以將設計和內容分離,使網頁結構更清晰,并提高可維護性和可重用性。
/* CSS樣式示例 */ p { color: blue; font-size: 16px; background-color: yellow; } #myDiv { border: 1px solid black; padding: 10px; } @media screen and (max-width: 600px) { p { font-size: 14px; } }
JavaScript是一種面向對象的腳本語言,它可以在瀏覽器中編寫交互邏輯和動態效果。它可以訪問HTML元素、修改DOM元素、響應用戶事件和與服務器進行通信。JavaScript還支持ECMAScript規范,可以使用許多現代語言特性和框架。
// JavaScript示例 function showMessage() { var name = prompt("What is your name?"); alert("Hello, " + name + "!"); } document.getElementById("myButton").addEventListener("click", showMessage);