Jquery的hide及toggle方法让超链接慢慢消失

代码如下:

$(this).hide("slow");

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>hello world</title>
<script type="text/javascript" src="http://www.cssrain.cn/demo/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function(){
$(this).hide("slow");
return false;
});
});
</script>

</head>

<body>
<a href="http://www.cssrain.cn">
Effects Module(效果模块)
现在，只要你点击超链接，超链接就会慢慢的消失。
“return false"表示保留默认行为，因此页面不会跳转。
</a>
<hr/>
<a href="http://www.baidu.com">我也是一个段落文本,单击我也弹出hello world .---单击我</a>
</body>
</html>

3、点击text图片消失

赞 (0)

相关推荐

  • jQuery使用hide方法隐藏指定元素class样式用法实例

    本文实例讲述了jQuery使用hide方法隐藏指定元素class样式用法.分享给大家供大家参考.具体如下: 下面的JS代码可以隐藏所有class属性等于test的元素 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button

  • 用js模拟JQuery的show与hide动画函数代码

    复制代码 代码如下: //根据ID返回dom元素 var $ = function(id){return document.getElementById(id);} //返回dom元素的当前某css值 var getCss = function(obj,name){ //ie if(obj.currentStyle) { return obj.currentStyle[name]; } //ff else { var style = document.defaultView.getCompute

  • jquery中show()、hide()和toggle()用法实例

    本文实例讲述了jquery中show().hide()和toggle()用法.分享给大家供大家参考.具体分析如下: 这里介绍了jquery效果:show()方法.hide()方法和toggle()方法 现实应用场景:QQ面板里我的好友分组 复制代码 代码如下: <html> <head> <title>jquery效果:show()方法.hide()方法和toggle()方法</title> <script type="text/javasc

  • jQuery中hide()方法用法实例

    本文实例讲述了jQuery中hide()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以将匹配元素隐藏. hide()方法的用法: 此方法如果没有对隐藏效果加以时间限定,那么匹配元素会被瞬间隐藏.例如: 复制代码 代码如下: $("div").hide() 以上代码可以将所有div元素瞬间隐藏. 如果方法对隐藏效果加以时间限定,那么匹配元素将会在限定的事件内以比较优雅的形式隐藏.例如: 复制代码 代码如下: $("div").hide(2000) 以上代码

  • jquery使用hide方法隐藏指定id的元素

    本文实例讲述了jquery使用hide方法隐藏指定id的元素.分享给大家供大家参考.具体如下: 下面的代码通过jQuery的hide方法隐藏了id=test的元素 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button&q

  • jQuery使用hide方法隐藏元素自身用法实例

    本文实例讲述了jQuery使用hide方法隐藏元素自身用法,分享给大家供大家参考.具体如下: 下面的JS代码实现让按钮点击后将自己隐藏起来 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(

  • jquery(hide方法)隐藏指定元素实例

    复制代码 代码如下: <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></p><p><script language="javascript" type="text/javascript" src="jquery-1.7.2.js"></sc

  • Jquery的hide及toggle方法让超链接慢慢消失

    Jquery的hide及toggle方法让超链接慢慢消失

    复制代码 代码如下: $(this).hide("slow"); 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&quo

  • jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能

    最近在学习jQuery时接触到了show().hide().toggle()函数,于是利用这几个函数练习了一个使元素显示隐藏的案例: 小提示:代码中切换按钮上下的小图标可以在此链接品牌展示功能图片中获取 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用hide().toggle()函数实现相机品牌展示</t

  • jQuery复合事件结合toggle()方法的用法示例

    本文实例讲述了jQuery复合事件结合toggle()方法的用法.分享给大家供大家参考,具体如下: 定义和用法 toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件. 语法: $(selector).toggle(function1(),function2(),functionN(),...) 当指定元素被点击时,在两个或多个函数之间轮流切换. 与方法hide().show()绑定使用,可实现折叠效果: 具体事例: <script type="t

  • jQuery中hover方法和toggle方法使用指南

    jQuery提供一些方法(如:toggle)将两种事件效果合并到一起,比如:mouseover.mouseout:keyup.keydown等 1.hover函数 hover(over,out)一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法.这是一个自定义的方法,它为频繁使用的任务提供了一种"保持在其中"的状态. 参数:     over (Function) : 鼠标移到元素上要触发的函数.     out (Function): 鼠标移出元素要触发的函数. 复制代码

  • 使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)

    使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)

    这是一个示例: <html> <head> <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").cl

  • jQuery使用hide方法隐藏页面上指定元素的方法

    本文实例讲述了jQuery使用hide方法隐藏页面上指定元素的方法.分享给大家供大家参考.具体如下: 下面的JS代码隐藏了网页中所有<p>标签的内容 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button&qu

  • jquery中交替点击事件toggle方法的使用示例

    复制代码 代码如下: $('#clickId').toggle( function(){$('#divId').hide();}, function(){$('#divId').show();} ); toggle方法中有两个参数,分别是要交替执行的事件.如果不传参默认是显示隐藏功能

随机推荐