欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery選中的值變色

徐蘭芬1年前8瀏覽0評論

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實現選中的值變色的示例,它是實現網頁動態交互的一個小應用,我們可以根據具體的需求修改代碼,達到更好的效果。