cari

Rumah >hujung hadapan web >tutorial js >jquery使用hide方法隐藏指定id的元素

jquery使用hide方法隐藏指定id的元素

巴扎黑
巴扎黑asal
2017-06-29 10:47:541836semak imbas

这篇文章主要介绍了jquery使用hide方法隐藏指定id的元素,实例分析了jQuery中hide隐藏指定id元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了jquery使用hide方法隐藏指定id的元素。分享给大家供大家参考。具体如下：

下面的代码通过jQuery的hide方法隐藏了id=test的元素


<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("#test").hide();
 });
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p id="test">This is another paragraph.jb51.net</p>
<button>Click me</button>
</body>
</html>

Atas ialah kandungan terperinci jquery使用hide方法隐藏指定id的元素. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：JS制作分秒倒计时器Artikel seterusnya：javascript制作简单的秒表

Artikel berkaitan

Lihat lagi