jquery入门

最新推荐文章于 2025-11-27 12:57:01 发布

原创最新推荐文章于 2025-11-27 12:57:01 发布 · 98 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

jquery 专栏收录该内容

3 篇文章

订阅专栏

本文通过实例演示了如何使用jQuery的hide()函数来隐藏网页上的HTML元素。包括隐藏当前元素、指定ID的元素、所有<p>标签及特定类名的元素。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery/jquery-2.1.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("button").click(function(){
		$("p").hide();
	});
});
</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>

$(this).hide()演示 jQuery hide() 函数，隐藏当前的 HTML 元素。

$("#test").hide()演示 jQuery hide() 函数，隐藏 id="test" 的元素。

$("p").hide()演示 jQuery hide() 函数，隐藏所有 <p> 元素。

$(".test").hide()演示 jQuery hide() 函数，隐藏所有 class="test" 的元素。