jquery hide和show方法

简介: html 元素的显示和隐藏hide() 如果被选的元素已被显示,则隐藏该元素。show() 如果被选的元素已被隐藏,则显示该元素。$(document).ready(function(){ $(".
html 元素的显示和隐藏
hide() 如果被选的元素已被显示,则隐藏该元素。
show()    如果被选的元素已被隐藏,则显示该元素。



<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("p").hide(); }); $(".btn2").click(function(){ $("p").show(); }); }); </script> </head> <body> <p>This is a paragraph.</p> <button class="btn1">Hide</button> <button class="btn2">Show</button> </body> </html>

 

相关文章
|
20天前
|
JavaScript CDN
jQuery方法小记
jQuery方法小记
21 0
|
4月前
|
JavaScript
jQuery追加节点方法 和height方法与width方法
jQuery追加节点方法 和height方法与width方法
|
1月前
|
JavaScript Serverless
jquery attr()方法
jquery attr()方法
15 0
|
3天前
|
JavaScript
jquery获取子元素的一些方法
jquery获取子元素的一些方法
7 0
|
6天前
|
JavaScript 前端开发 API
jquery的一些方法
jquery的一些方法
7 1
|
13天前
|
JavaScript
jquery获取子元素的一些方法
jquery获取子元素的一些方法
|
16天前
|
JavaScript
jQuery遍历节点的方法
jQuery遍历节点的方法
9 0
|
1月前
|
JavaScript 前端开发 API
JQuery的attr()属性和JS的属性的方法
JQuery的attr()属性和JS的属性的方法
10 0
|
4月前
|
JavaScript 前端开发
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
22 0