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

复制代码 代码如下:

$(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图片消失

时间: 2024-10-12 00:44:59

Jquery的hide及toggle方法让超链接慢慢消失_jquery的相关文章

用jQuery简化Ajax开发实现方法第1/2页_jquery

一些简单的代码简化 下面是一个简单示例,它说明了 jQuery 对代码的影响.要执行一些真正简单和常见的任务,比方说为页面的某一区域中的每个链接附加一个单击(click)事件,您可以使用纯 JavaScript 代码和 DOM 脚本来实现,如 清单 1 所示.  清单 1 :没有使用 jQuery 的 DOM 脚本 复制代码 代码如下: var external_links = document.getElementById('external_links'); var links = exte

jquery ajax局部加载方法详解(实现代码)_jquery

在jquery中实现ajax加载的方法有很多种,不像以前的js的ajax只有那一种,下面我们介绍jquery ajax实现局部加载方法总结,有需要了解的朋友可参考. 例 $.ajax({ url: "hotelQuery!queryHotelByCity.action", type: "post", dataType: "html", data: "queryHotel.city="+cityobj.value+"&

jQuery实现隔行变色的方法分析(对比原生JS)_jquery

本文实例分析了jQuery实现隔行变色的方法.分享给大家供大家参考,具体如下: 原生js: var tab = document.getElementByTagName('table')[0]; var tr = tab.getElementByTagName('tr'); for(var i=0;i<tr.length;i++){ if(i%2==0){ tr[i].style.background="orange"; }else{ tr[i].style.background

jQuery弹出div层过2秒自动消失_jquery

下面给大家分享一段代码关于jquery弹出div层并自动消失的实现代码,废话不多说了,具体代码如下所示:  var HuiFang={ m_tishi :null,//全局变量 判断是否存在div, //提示div 等待2秒自动关闭 Funtishi: function (content, url) { if (HuiFang.m_tishi == null) { HuiFang.m_tishi = '<div class="xiaoxikuang none" id="

一款Jquery 分页插件的改造方法(服务器端分页)_jquery

分页几乎是每个外部程序必不可少的东西,在webform时代很多人都用过AspNetPager这个用户控件吧,用的人之多其实就在于它的优点:传给它几个参数就可以生成像样的分页,其实这个也是绝大多数程序员(包括我)的致命缺点:样式..,我对于咱们来说用尝试用CSS把一个模块调美观好看所花的时间远远超过了实现功能所需的时间- -! 现在越来越多做web的开始采用.NET MVC框架,抛开一切服务器控件,回归正宗的B/S编程,享受灵活控制好处之余,也得花费很多功夫,很多地方都得自己去实现,例如分页这样的

JQuery事件e参数的方法preventDefault()取消默认行为_jquery

JQuery事件的e参数的方法preventDefault()可以取消对象的默认行为.如下代码: 复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <t

jquery异步调用页面后台方法&amp;amp;#8207;(asp.net)_jquery

复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryCSMethodForm.aspx.cs" Inherits="JQuerWeb.JqueryCSMethodForm" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&

jQuery 3.0十大新特性最终版发布_jquery

jQuery 3.0 最终版发布了.jQuery 3.0将是jQuery的未来.但如果你需要IE6-8支持,您可以继续使用最新版本1.12. jQuery 3.0在日前发布了最终的全新版本.从2014年10月,jQuery团队对这个主要大版本进行维护开始,web开发者社区便一直在期待着这一刻的到来,终于在2016年6月他们迎来了这一个最终版www.lampbrother.net. 通过jQuery 3.0的版本更新说明,我们看到了一个保持着向后兼容的更轻便,更快速的jQuery.在本文中,我们将

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

 这篇文章主要介绍了jquery中show().hide()和toggle()用法,以实例形式分析了show().hide()和toggle()在显示.隐藏及切换等应用技巧,需要的朋友可以参考下     本文实例讲述了jquery中show().hide()和toggle()用法.分享给大家供大家参考.具体分析如下: 这里介绍了jquery效果:show()方法.hide()方法和toggle()方法 现实应用场景:QQ面板里我的好友分组 代码如下: <html> <head> &