jquery,toggle修改元素的显示和隐藏
2016-02-24 16:20
911 查看
jquery
定义和用法
toggle() 方法切换元素的可见状态。如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。 有兴趣的同学可以试一试。 这个小功能是我自己写的对于type="password"和type="text"类型之间的切换。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src="./jquery/jquery-1.11.3.min.js">
</script>
<script type="text/javascript">
function ToggleTest(){
$("#add_password").toggle();
$("#actual_password").toggle();
}
</script>
<title>ToggleTest</title>
</head>
<body>
<label for="add_password">Password:</label>
<input type='password' id='add_password' required placeholder="Password" value="aaaa"/>//add_password元素显示
<input style="display:none" type='text' id='actual_password' value="bbbb"/> //actual_password元素是不显示的。
<button type="button" onclick="ToggleTest()">Click me</button>
</body>
</html>
相关文章推荐
- jQuery触发事件中的this和target
- JqueryMobile地址选择显示问题
- jquery.cookie.js 1.4.1
- [Javascript]jquery判断页面元素是否存在
- 使用jquery的datatables总结
- jQuery动画之animate()
- jQuery中的动画
- Jquery对文本框的值、字符串的验证;正则表达式字符串的验证
- jQuery中的getter和setter方法
- jquery1.9判断浏览器类型
- jquery form表单获取内容以及绑定数据
- jQuery autocomplete提示框被遮住问题
- jquery 获取绑定在某个节点上的 事件执行代码
- jquery $(document).ready() 与 javascript中window.onload的区别
- jquery小效果:新浪游戏右侧导航菜单 (页面效果)
- jquery的ajax同步和异步
- JS,Jquery - 三元运算符
- jQuery中的事件
- Web之二 jQuery
- jquery简洁篇