?? ??: 1. css() ???? ???? "$(selector).css("visibility","new value")" ??? ?????. 2. attr() ???? ???? "$(selector) ??? ?????. ).attr("???","???:? ?;")".
? ????? ?? ??: Windows 7 ???, jquery ?? 1.10.2, Dell G3 ???.
visibility ??? ??? ????? ??? ?????. ??? ? ?? ?? ?:
| ? |
?? |
| visible |
???. ??? ?????. |
| hidden |
??? ??? ????. |
| collapse |
??? ??? ???? ?? ? ?? ??? ?? ????? ???? ?????? ??? ?? ????. ??? ?? ???? ??? ?? ??? ?? ?????. ? ?? ?? ??? ???? "??"?? ??????. |
jquery? ??? ??? ?????
1. css() ???? ?????
$(selector).css("visibility","新值");?:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("#box").css("visibility","hidden");
});
});
</script>
<style></style>
</head>
<body>
<p>可見(jiàn)的段落</p>
<p id="box" style="visibility: visible;">可見(jiàn)的段落</p>
<p>可見(jiàn)的段落</p>
<button>修改visibility屬性</button>
</body>
</html>
2. ) ??
$(selector).attr("style","visibility:新值;")?:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script ></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("#box").attr("style","visibility:visible;");
});
});
</script>
<style></style>
</head>
<body>
<p>可見(jiàn)的段落</p>
<p id="box" style="visibility: hidden;">隱藏的段落</p>
<p>可見(jiàn)的段落</p>
<button>修改visibility屬性</button>
</body>
</html>
【?? ??:
jQuery ??? ????, ? ????? ?? ???】
? ??? jquery?? ??? ??? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!