jQuery的一個常見應用就是根據用戶的選擇,動態修改網頁的顯示效果,比如我們可以使用jQuery實現選中的值變色的效果。
//當用戶選擇下拉框的某一項時,該項變色 $("select").change(function(){ var selectedVal = $("option:selected", this).text(); //獲取用戶選擇的項 $(this).css("background-color", "yellow"); //將該下拉框背景色設置為黃色 $("option:selected", this).css("background-color", "yellow"); //將該項的背景色設置為黃色 });
這段代碼實現的效果是當用戶選擇下拉框的某一項時,該項和下拉框的背景色都會變成黃色。其中,$("select").change()
表示用戶選擇下拉框的事件,var selectedVal = $("option:selected", this).text()
獲取了用戶選擇的值,$(this).css("background-color", "yellow")
將該下拉框背景色設置為黃色,$("option:selected", this).css("background-color", "yellow")
將該項的背景色設置為黃色。
以上就是使用jQuery實現選中的值變色的示例,它是實現網頁動態交互的一個小應用,我們可以根據具體的需求修改代碼,達到更好的效果。