<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
});
function showDiv() {
$("body").find('.editItem').removeClass("itemNone");
alert("hello world !");
}
function hideDiv() {
$('body').find('.editItem').addClass("itemNone");
}
</script>
<style type="text/css">
.itemNone{ display:none;}
</style>
</head>
<body>
<form id="form1" runat="server">
<input type="button" onclick="showDiv()" value="show"/>
<input type="button" onclick="hideDiv()" value="hide"/>
<div class="editItem"> 中國軟件</div>
<div class="editItem"> 中國軟件</div>
<div class="editItem"> 中國軟件</div>
<div class="editItem"> 中國軟件</div>
</form>
</body>
posted on 2012-04-26 21:24
王豪 閱讀(940)
評論(0) 編輯 收藏 所屬分類:
JQuery