首頁 > 開發者 > JavaScript
jQuery中:selected選取器用法執行個體，jqueryselected
本文執行個體講述了jQuery中:selected選取器用法。分享給大家供大家參考。具體分析如下：
此選取器能夠匹配被選擇的<option>元素。
文法結構:
複製代碼 代碼如下:$(":selected")
此選取器可以和其他選取器配合使用，比如類別選取器、元素選取器等等。例如:
複製代碼 代碼如下:$(".myselect :selected").css("color","red")
以上代碼能夠將類名為myselect的元素下被選擇的<option>元素中的文本顏色設定為紅色。大家一定要注意上面的代碼，兩個選取器之間是用空格分隔的，這個時候是後代選取器， 如果沒有空格的話那就成了複合屬性選取器，代碼的意思也就變為將類名為myselect並且被選擇的<option>元素中的字型顏色設定為紅色。
執行個體代碼:
複製代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.bkjia.com/" />
<title>幫客之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".myselect :selected").css("color","red")
});
</script>
</head>
<body>
<ul>
<li>
<select name="myselect" class="myselect">
<option>html專區</option>
<option>ASP專區</option>
<option selected="selected">JQuery專區</option>
</select>
</li>
</ul>
</body>
</html>
希望本文所述對大家的jQuery程式設計有所協助。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
