繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery toggle()设置CSS样式
- Javascript
- Javascript初学者实例教程(10):图像属性
- FF与IE下javascript计算屏幕尺寸
- 可输入的下拉框
- 超强图片数量上传无限制
- 提高代码性能技巧谈—以创建千行表格为例
- 让插入到 innerHTML 中的 script 跑起来的实现代码
- 自动设为主页
- 脚本写的IE右键助手
- [原创]checkbox实现全选的多种方法 不断更新
- Div+CSS+JS树型菜单，可刷新
- CSS+JS构建的图片查看器
- 如何实现iframe(嵌入式帧)的自适应高度
- 颜色渐变效果
- 一条一条新闻向上的滚动 不错
- 模拟抽奖
- [原创]用srcElement实现添加效果
- 获取对象
- 带Checkbox的列表框
- [原创]图片分页查看
- [原创]手机号码本地检测
Javascript 中的 jQuery toggle()设置CSS样式
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 276 ::
收藏到网摘: n/a
如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。 toggle()
切换元素的可见状态。
如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
示例
切换所有段落的可见状态。
HTML 代码:
<p>Hello</p><p style="display: none">Hello Again</p>
jQuery 代码:
$("p").toggle()
结果:
<p tyle="display: none">Hello</p><p style="display: block">Hello Again</p>
设置背景图片，以突出透明度的效果
复制代码 代码如下:
<head>
<title>toggle()</title>
<style type="text/css">
<!--
body{
background:url(bg.jpg);
margin:20px; padding:0px;
}
img{
border:1px solid #FFFFFF;
}
-->
</style>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
$("img").toggle(
function(oEvent){
$(oEvent.target).css("opacity","0.5");
},
function(oEvent){
$(oEvent.target).css("opacity","1.0");
}
);
});
</script>
</head>
<body>
<img src="test.jpg">
</body>
评论 (0) All
