请选择 进入手机版 | 继续访问电脑版

jquery隐藏元素的代码有哪些

[复制链接]

jquery隐藏元素的代码有哪些

发表于 2022-3-11 13:18:53 只看大图 阅读模式 倒序浏览
124 0 查看全部
  1. jquery隐藏元素的代码:1、“$(选择器).hide();”;2、“$(选择器).toggle(1000);”;3、“$(选择器).slideDown();”;4、“$(选择器).css("display","none")”。
复制代码
622ac7e8bf450308.jpg
  本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
  jquery隐藏元素的多种方法:
  1、使用hide()
  hide() 可隐藏可见元素:
  1. $("button").click(function(){
  2.   $("p").hide();
  3. });
复制代码
  hide()经常与show一起使用,用于切换显隐
  show()可显示出隐藏元素。
  1. $("button").click(function(){
  2.   $("p").show();
  3. });
复制代码
  2、使用toggle()方法
  toggle() 方法切换元素的可见状态。
  如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。
  1. $("button").click(function(){
  2.   $("p").toggle(1000);
  3. });
复制代码
  3、使用slideDown()方法
  以滑动方式显示隐藏元素
  1. $("button"").click(function(){
  2.   $("p").slideDown();
  3. });
复制代码
  4、使用css()方法
  使用css() 方法设置displays样式来隐藏可见元素:
  1. $("button"").click(function(){
  2.   $("p").css("display","none");
  3.   //
  4. });
复制代码
  【推荐学习:jQuery视频教程、web前端视频】
  以上就是jquery隐藏元素的代码有哪些的详细内容,更多请关注php中文网其它相关文章!

来源:PHP

相关帖子

回复

使用道具 举报

游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|极客同行 ( 蜀ICP备17009389号-1 )

© 2013-2016 Comsenz Inc. Powered by Discuz! X3.4