JavaScript $( . )的作用及使用方法 在前端開發中，我們經常使用jQuery庫來簡化JavaScript的代碼編寫。其中一個最常用的方法是$()，也被稱為jQuery選擇器，用于從DOM中選擇元素。這種選擇器的使用方式類似于CSS選擇器，可以使用類名、id、元素類型等方式來選擇元素。 舉個例子，在HTML文檔中，如果需要選擇所有類名為“container”的元素，并改變其背景顏色，可以使用以下代碼：

$(document).ready(function(){

$(".container").css("background-color","yellow");

});

這個例子中，我們使用了$(document).ready()方法來確保頁面已經完全加載完成后再執行代碼。然后使用選擇器$(".container")選擇所有類名為“container”的元素，并使用.css()方法改變它們的背景顏色。 在jQuery中，$()有很多種使用方式，下面我們來一一介紹。 1. 選擇器 前面的例子中，我們已經演示了如何使用類名進行選擇，類似地，還可以使用id、元素類型、屬性選擇器、偽類選擇器等方式進行選擇。 其中，id選擇器使用#進行表示，例如：

$(document).ready(function(){

$("#myLink").css("color","blue");

});

這個例子中，我們選擇了id為“myLink”的元素，并將其字體顏色改為藍色。 除此之外，還有一些特殊的選擇器：

$(document).ready(function(){

$("div:first").css("background-color","red"); //選擇首個div元素

$("input:disabled").css("background-color","gray"); //選擇所有禁用的input元素

$("p:contains('Hello')").css("background-color","yellow"); //選擇所有包含“Hello”的p元素

});

這些選擇器通過特定的語法，來選擇符合條件的元素。 2. 事件處理 jQuery中提供了很多的事件處理方法，包括click、hover、keydown等等。可以使用$().方法名()的形式來綁定事件處理器，例如：

$(document).ready(function(){

$("button").click(function(){ // 按鈕被點擊時執行
alert("Button clicked!");
});

});

這個例子中，我們選擇了所有元素，并綁定了一個click事件處理器，當按鈕被點擊時，觸發該處理器，并執行其中的代碼。 3. DOM操作 jQuery提供了一些方便的DOM操作方法，例如append、prepend、after、before等等，可以方便地在文檔中插入、刪除、移動DOM元素。例如：

$(document).ready(function(){

$(".container").append("
新的段落
"); // 在.container元素中追加一個段落
$("#myLink").after("
新的段落
"); // 在#myLink元素后插入一個段落
$("p").first().remove(); // 移除首個p元素
});

});

這個例子中，我們使用了append、after、remove等方法來進行DOM操作。 4. AJAX請求 最后，jQuery還提供了方便的ajax方法，用來進行異步通信。可以使用$.ajax()方法來發送請求，并使用回調函數處理響應。例如：

$(document).ready(function(){

$.ajax({
url: "http://localhost:8080/api/posts",
method: "GET",
dataType: "json",
success: function(response){
console.log(response);
},
error: function(error){
console.log(error);
}
});

});

這個例子中，我們使用$.ajax()方法發送GET請求，并帶上一些參數，包括請求URL、請求方式、響應數據類型等。當響應成功返回時，執行success回調函數，捕獲響應數據并打印到控制臺。如果在請求過程中發生錯誤，則執行error回調函數，處理錯誤并打印到控制臺。 總結 以上就是關于jQuery $( . )的一些介紹，通過舉例說明，讓讀者了解了如何使用jQuery來進行選擇器、事件綁定、DOM操作、AJAX請求等常見操作。掌握這些方法，可以讓我們更加方便地編寫JavaScript代碼，提升開發效率。