jQuery的一個(gè)常見應(yīng)用就是根據(jù)用戶的選擇，動態(tài)修改網(wǎng)頁的顯示效果，比如我們可以使用jQuery實(shí)現(xiàn)選中的值變色的效果。

//當(dāng)用戶選擇下拉框的某一項(xiàng)時(shí)，該項(xiàng)變色
$("select").change(function(){
var selectedVal = $("option:selected", this).text(); //獲取用戶選擇的項(xiàng)
$(this).css("background-color", "yellow"); //將該下拉框背景色設(shè)置為黃色
$("option:selected", this).css("background-color", "yellow"); //將該項(xiàng)的背景色設(shè)置為黃色
});

這段代碼實(shí)現(xiàn)的效果是當(dāng)用戶選擇下拉框的某一項(xiàng)時(shí)，該項(xiàng)和下拉框的背景色都會變成黃色。其中，$("select").change()表示用戶選擇下拉框的事件，var selectedVal = $("option:selected", this).text()獲取了用戶選擇的值，$(this).css("background-color", "yellow")將該下拉框背景色設(shè)置為黃色，$("option:selected", this).css("background-color", "yellow")將該項(xiàng)的背景色設(shè)置為黃色。

以上就是使用jQuery實(shí)現(xiàn)選中的值變色的示例，它是實(shí)現(xiàn)網(wǎng)頁動態(tài)交互的一個(gè)小應(yīng)用，我們可以根據(jù)具體的需求修改代碼，達(dá)到更好的效果。