jquery hide和show方法

最新推荐文章于 2021-06-03 06:09:59 发布
最新推荐文章于 2021-06-03 06:09:59 发布
阅读量93 收藏
点赞数
文章标签： javascript ViewUI 
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>

 

weixin_34357962
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javaScript基础
qq_44333590的博客
03-09 500
ECMAScript 引入js的方式 内部方式 <script> document.getElementById("btn").onclick=function () { alert("点我干嘛？"); } + 外部方式 <script src="js/my.js"></script> 输入输出语句 输入框 prompt(“提示内容”); 弹出警告框 alert(“提示内容”); 控制台输出 console.log(“显示内容”
原生js实现jQuery的功能 show()方法实现 (三)
飞天代码的博客
01-29 7974
度娘搜索原生js实现jquery的show，你会发现大部分的回答就是 el.style.display="block"； 一开始我以为是对的，就发布到产品中了，一测试才发现其实该方法远远比想象中的复杂。 比如界面上是2个a标签，而且是在一行的，如果使用上面的语句来显示a标签，会发现a标签换行了，这就说明显示操作不能简单的使用，而且跟标签是行内标签还是块级标签有关联。 完整代码应该如下
js中标签的显示与隐藏操作hide&show
running
11-25 9876
某些文字和kongija     pageEncoding="utf-8"%> 显示隐藏标签 function popDIV(id){ if("none"==$("#"+id).css("display")) {  $("#"+id).show("slow",function(){ alert("暂时没有音乐哦");//如果您希望在一个涉及
黑马程序员_JavaScript函数定义详解
zimo2013的技术博客
05-09 270
-------android培训、java培训、期待与您交流！ ---------- 1.函数名show和函数方法show()的使用区别 function show()//为声明式，定义代码先于函数执行代码被解析 { alert("xxxxxxx"); } var x=show//理解:function就是一个对象，而show就是show函数对象的地址，而x=s...
JQuery之隐藏hide()方法和显示show()方法
qq_41700374的博客
11-11 9491
jQuery hide() 和 show() 通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素。 其语法形式为： $(selector).hide(speed,callback); $(selector).show(speed,callback); 可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒...
jQuery中show与hide方法用法示例
11-24
在jQuery库中，`show()`和`hide()`是两个非常基础且常用的动画方法，用于控制DOM元素的可见性。这两个方法使得开发者能够轻松地在页面上实现元素的显示和隐藏，通常与用户交互如点击按钮、链接等行为相结合，以增强...
jQuery使用hide方法隐藏元素自身用法实例
12-03
结合其他jQuery方法，如`show()`、`toggle()`，我们可以创建更复杂的交互效果，比如在点击后显示隐藏的内容或者在特定条件下切换元素的可见性。 总结来说，jQuery的`hide()`方法是一个强大的工具，它可以轻松地实现...
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
10-22
主要介绍了实例讲解Jquery中隐藏hide、显示show、切换toggle的用法，感兴趣的小伙伴们可以参考一下
Jquery中使用show()与hide()方法动画显示和隐藏图片
10-23
以前我们在js中如果要隐藏显示一个元素我们需要利用display等于none来设置并且还没有效果，现在在jquery中有了hide();我们可以利用hide()方法来操作，希望本文章给大家所有帮助。
show()方法和hide()方法
热门推荐
妖怪的博客
03-27 1万+
1.show()方法和hide()方法是jquery中最基本的动画方法.为一个元素调用hide()方法,会将该元素样式改为none $("element").hide()与$("element").css("display","none")相同 2.当把元素隐藏后,可以使用show()方法将元素diplay样式设置为先前的显示状态 3.show()方法和hide()方法让元素动起来 show()方法和hide()方法在不带任何参数的情况下,相当于css("display","none/block/
html显示隐藏动画,js实现jquery动画的hide()和show()方法
weixin_29017445的博客
06-03 2352
1.show()：根据hide()方法记住的display属性值来显示元素。show(参数1，参数2)参数1：时间，单位为毫秒，表示对象显示所用的时间参数2：回调函数，该函数在对象显示后触发。2.元素显示$('#firstname').show();3.hide() : 将该元素的display样式改为 "none"。hide(参数1，参数2)参数1：时间，单位为毫秒，表示对象隐藏所用的时间参...
JQuery—display和Show()方法
Lningrui的专栏
12-21 8525
 显示隐藏的匹配元素。 这个就是 'show( speed, [callback] )' 无动画的版本。如果选择的元素是可见的，这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;，这个方法都将有效。 HTML 代码: Hello jQuery 代码: $("p").show("fast",functio
jquery 中的hide()与show() 和一些其他方法
AAz581822的博客
08-28 875
1、点击谁让他显示，它的兄弟节点隐藏 $('.goods').show().siblings().hide() 2、点击它，让他里面说有的元素都显示 $('#pingjia').children().show() 3、处了使用jquery的方法之外还可以动态的添加类名进行切换 $('.goods').addClass('xianshi').siblings().removeC...
jquery的show/hide/toggle详解
weixin_33796205的博客
10-04 632
通过阅读源码我们发现show,hide,toggle调用了showHide和isHidden这2个方法，所以我们要搞明白原理必须先看一下这2个方法。 jQuery.fn.extend({ ................. show: function() { return showHide( this, true ); ...
jquery的hide()和show()
不二的博客
08-23 4529
看下面代码: $('#firstname').hide(); 这样就是把这个元素隐藏了。  同理： $('#firstname').show(); 这样就把元素显示了。
【jQuery】调用show()和hide()方法显示和隐藏元素
O(∩_∩)O
12-18 2400
show()和hide()方法用于显示或隐藏页面中的元素，它的调用格式分别为： $(selector).hide(speed,[callback])和$(selector).show(speed,[callback]) 参数speed设置隐藏或显示时的速度值，可为“slow”、“fast”或毫秒数值，可选项参数callback为隐藏或显示动作执行完成后调用的函数名。 例如，在页面
prototype.js中hide()和show()的一个注意事项
曾健生的专栏
05-02 1万+
在项目中遇到一个问题，用prototype.js的show（）方法要设置某个div为display:block , 但总是没法成功，后来查了手册： http://api.prototypejs.org/dom/Element/show/ Notes Element.show cannot display elements hidden via CSS styl
js中的show:function()
一个被工科被虐了6年多的女生的technical blog
11-20 3047
js中冒号是对象属性的赋值方法 这个show就是一个属性，function（）这个函数会有一个返回值 这句话的意思就是用这个返回值来赋值给show success：function(data){} 类似于functionsuccess(data){} 不过是面向对象的写法，把这个方法当成一个prototype对象 https://www.cnblogs.com/wbrblog/p/66018...
JQuery 使用.show()和.hide()做的可爱动画
最新发布
05-25
你可以使用 jQuery 的 .show() 和 .hide() 方法来创建简单的动画效果。下面是一个示例代码段，它会使一个元素在显示和隐藏时淡入淡出： ```html <!DOCTYPE html> <script src="https://code.jquery....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值