Jquery判断和处理显示和隐藏的问题

J2EE 码拜 9年前 (2015-10-16) 1293次浏览
Jquery判断和处理显示和隐藏的问题

就是本人根据本人选的下拉列表框的值  后面对应要显示文本框,怎么隐藏  然后在Jquery里面怎么判断和处理 

选择 “时”的时候  Jquery判断和处理显示和隐藏的问题

选择 “分”的时候 Jquery判断和处理显示和隐藏的问题

解决方案:5分
show();hide()
解决方案:5分
$(obj).css("display","none");//隐藏
$(obj).css("display","block"|"inline-block");//显示的属性很多,了解css属性的display就明白了
常用display
1、div{display:block} 有换行作用。
案例:图片做背景,隐藏图片上文字http://www.divcss5.com/jiqiao/j55.shtml
2、div{display:None } 隐藏对象及对象内容。
案例:CSS隐藏HTML内容 http://www.divcss5.com/jiqiao/j55.shtml
3、div{display:Inline } 在一排显示。
代表案例,对li列表默认一排显示li{display:Inline }
解决方案:30分
<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8″ />

<script type=”text/javascript” src=”js/jquery.min.js” ></script>

<script>

function getCurrent(){

var opt=$(“#sel”).val();

$(“#current”).find(“span”).each(function(index){

if($(this).attr(“name”)==opt){

$(this).show();

}else{

$(this).hide();

}

});

}

</script>

<title></title>

</head>

<body>

<div>

<select id=”sel” onchange=”getCurrent()”>

<option >分</option>

<option>时</option>

</select>

<div id=”current”>

<span  name=”分”><input />分钟</span>

<span  name=”时”><input />小时</span>

</div>

</div>

</body>

</html>

//   谷歌浏览器测试可行,大致意思就这样,可以改进下


CodeBye 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明Jquery判断和处理显示和隐藏的问题
喜欢 (0)
[1034331897@qq.com]
分享 (0)