jquery判断div是否显示或者隐藏
2024-09-04 09:26:35
jquery判断div是否显示或者隐藏 很多时候会要判断一个div是不是显示着,没显示要怎么处理,显示的如何处理; 方法很简单,选择到你要判断的div,再用is(':hidden')判断是否隐藏;或者用is(":visible")判断是否显示; 判断如果显示或不显示代码如: if($('#div').is(':hidden')){ //如果隐藏时。。。 }else{ //如果显示时。。。 } javarcript 方法: var o =document.getElementById("div1").style.display;
if(o=="none") //已经是隐藏状态
{
document.getElementById("div1").innerHTML = ""; //div要显示的内容
document.getElementById("div1").style.display = ""; //使之可见
} else
{
document.getElementById("div1").innerHTML = ""; //div要显示的内容
document.getElementById("div1").style.display = "none"; //使之不可见
}
比较常用的显示和隐藏:
jQuery("#pay_method p").bind("click", function(){
alert(this.innerHTML);
jQuery("#pay_method .icon-select-01").removeClass('icon-select-01').addClass('icon-unselect-01');
jQuery(this).children('i').removeClass('icon-unselect-01').addClass("icon-select-01");
alert(jQuery(this).attr("data-type"));
if(atype==0){
$("#boxcoupons").css({ display: "block" }); $("#box-coupons").show();
// var target=document.getElementById("box-coupons");
// alert(target);
// target.style.display="block";
// $("#box-coupons").css({
// display:"block",
// });
}else{
//$("#box-coupons").hide();
$("#boxcoupons").css({ display: "block" });
}
});
最新文章
- 正则表达式和文本挖掘(Text Mining)
- Dynamics CRM导出数据到Excel
- js页面跳转整理(转载未整理)
- calico for kubernetes
- The Moving Points
- 在eclipse下编译hadoop2.0源码
- API经济产业
- UNIX基础--进程和守护进程
- 来谈一谈------JavaScript对象
- java面向对象--内部类
- Mathematica学习笔记1
- AngularJS进阶(八)实现页面跳转并进行参数传递
- openresty+websocket+redis simple chat
- PHP为前端CSS和JS增加时间戳版本号
- Orchard学习资料,适合入门上手
- 20175312 2018-2019-2 《Java程序设计》第9周学习总结
- Linux学习之常用压缩命令(三)
- CSS学习笔记-04 a标签-导航练习
- 【Unity】8.1 Unity内置的UI控件
- IE8 frameset SESSION丢失