<html>
<head>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//为了防止文档在完全加载之前运行jQuery代码
$("button").click(function(){
//查找button元素，点击后执行该方法
$("p").hide();
//将所有p元素隐藏
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph</p>
<p>This is another paragraph</p>
<button type="button">Click me</button>
</body>
</html>
jQuery语法：
$(this).hide(); 隐藏当前的html元素
$("#test").hide(); 隐藏id="test"元素
$(".test").hide(); 隐藏class="test"元素
$("p").hide(); 隐藏所有的<p>元素
jQuery CSS选择器：
$("p").css("background-color","red"); 将所有<p>元素的背景颜色更改为红色
扫一扫
796
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
