DIV CSS 佈局教程網

jquery 類選擇器
編輯:JQuery常見問題     

jquery 類選擇器的格式:
$(".classname") 選擇所有 class="classname" 的元素

例如可以使用$(".menu").size()獲取class為menu的元素的個數。

完整代碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.menu{ border:1px solid gray;width:100px;margin-top:2px;}
</style>
<script type="text/javascript" src="http:///keleyi/pmedia/jquery-1.8.3.min.js"></script>
</head>
<body>
<div id="menu1" class="menu">
菜單一
</div>
<div id="menu2" class="menu">
菜單二
</div>
<div id="submenu1" class="submenu">
子菜單
</div>
<div id="submenu2" class="submenu">
子菜單
</div>
<script type="text/javascript">
$(document).ready(
function () { alert("class為menu的元素個數:"+$(".menu").size())}
)
</script>
</body>
</html>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved