手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery toggle()设置CSS样式
jQuery toggle()设置CSS样式
摘要:toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。--------------------...

toggle()

切换元素的可见状态。

如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。

---------------------------------

示例

切换所有段落的可见状态。

HTML 代码:

<p>Hello</p><p>Hello Again</p>

jQuery 代码:

$("p").toggle()

结果:

<p tyle="display: none">Hello</p><p>Hello Again</p>

设置背景图片,以突出透明度的效果

复制代码 代码如下:

<head>

<title>toggle()</title>

<style type="text/css">

<>

</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>

【jQuery toggle()设置CSS样式】相关文章:

jQuery插件zepto.js简单实现tab切换

分享十五款 jQuery 社交网络分享插件

jQuery插件expander实现图片翻转特效

javascript消除window.close()的提示窗口

jQuery使用zTree插件实现树形菜单和异步加载

jQuery的基本概念与高级编程

jQuery预加载图片常用方法

浅谈jQuery构造函数分析

jQuery仿gmail实现fixed布局的方法

jQuery插件pagewalkthrough实现引导页效果

精品推荐
分类导航