源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JQuery显示、隐藏div的几种方法简明总结

  • 时间:2022-08-10 04:10 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JQuery显示、隐藏div的几种方法简明总结
[b]例子 [/b]
[u]复制代码[/u] 代码如下:
$("#top_notice").css("display", "block");//第1种方法  //$("#top_notice").attr("style", "display:block;");//第2种方法  //$("#top_notice").show();//第3种方法 
  1.给元素换class,来实现隐藏div,前提是换的class样式定义好了隐藏属性
[u]复制代码[/u] 代码如下:
$("#sendPhoneNum").attr("class", "n_input3"); 
1.2给元素设置style属性
[u]复制代码[/u] 代码如下:
$("#top_notice").attr("style", "display:block;"); 
2.通过jquery的css方法,设置div隐藏
[u]复制代码[/u] 代码如下:
$("#sendPhoneNum").css("display", "none"); 
3.通过jquery的show()、hide()方法,设置div隐藏
[u]复制代码[/u] 代码如下:
$("#textDiv").show();//显示div  $("#imgDiv").hide();//隐藏div 
[b]在程序设计中经常用到div的显示和隐藏,下面总结几种方法: [/b]
[u]复制代码[/u] 代码如下:
<div id='demo'>示例</div>
1、$("#demo").attr("style","display:none;");//隐藏div    $("#demo").attr("style","display:block;");//显示div 2、$("#demo").css("display","none");//隐藏div    $("#demo").css("display","block");//显示div 3、$("#demo").hide();//隐藏div    $("#demo").show();//显示div 4、$("#demo").toggle(        function () {             $(this).attr("style","display:none;");//隐藏div        },        function () {             $(this).attr("style","display:block;");//显示div        }    );   仅供大家参考!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部