jquery --- 控制元素的隐藏/显示
生活随笔
收集整理的這篇文章主要介紹了
jquery --- 控制元素的隐藏/显示
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="panel"><h5 class="head">什么是jquery?</h5><div class="content" style="display:none">是一個(gè)JS庫(kù)沒(méi)什么好看的...</div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script>
$('#panel h5.head').bind('click',function(){if($(this).next().is(':visible')){$(this).next().hide();}else{$(this).next().show()}
})</script>
</body>
</html>
參考《鋒利的jQuery》 P102~P103
總結(jié)
以上是生活随笔為你收集整理的jquery --- 控制元素的隐藏/显示的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 惠普打印机换硒鼓图解_hp硒鼓怎么安装
- 下一篇： jquery --- 事件处理函数的e