<!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=utf-8" />
<link rel="stylesheet" type="text/css" href=".css" />
<title>set your title</title>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
function show() {
alert("show");
}
$(document).ready(function() {
$("#link").click(function(event) {
event.preventDefault();
$(this).hide("slow");
});
$("#link2").click(function(event) {
event.preventDefault();
//$(this).hide();
$(this).css('display', 'none')
});
$("#link3").click(function(event) {
event.preventDefault();
$(this).hide(3000, show);
});
$("#link4").click(function(event) {
event.preventDefault();
$(this).hide('fast');
});
});
</script>
</head>
<body>
<p>
<a href="./">上一级</a>
</p>
<hr />
<p>
<a href="jquery.com" id="link">jquey.com</a>
</p>
<p>
<a href="jquery.com" id="link2">jquey.com</a>
</p>
<p>
<a href="jquery.com" id="link3">jquey.com</a>
</p>
<p>
<a href="jquery.com" id="link4">jquey.com</a>
</p>
</body>
</html>
分享到：
相关推荐
包括特效（Effect） , 显示（Show） , 隐藏（Hide） , 切换（Toggle） , 添加 Class（Add Class） , 移除 Class（Remove Class） , 切换 Class（Toggle Class） , 转换 Class（Switch Class） , 颜色动画（Color ...
script src =" bower_components/jquery-data-show-hide/jquery.data-show-hide.min.js " > </ script > 用法 < label> < input type =" checkbox " name =" checkbox[] " data-show =" #test-...
演示 jQuery 的 hide() 函数，隐藏所有 <p> 元素。 $(".test").hide() 演示 jQuery 的 hide() 函数，隐藏所有 class="test" 的元素。 $("#test").hide() 演示 jQuery 的 hide() 函数，隐藏 id="test" 的元素。
jquery-accessible-hide-show-aria：一个简单的jQuery代码，使用ARIA提供可访问的hideshow系统
jQuery-Auto-Hide-Sticky-Header 这个插件创建一个自动出现和消失的标题
选择器速度提升 选择器的速度大幅度提高了，下表为jQuery1.1.2和1.1.3的选择器速度对比，提高了8倍多 Browser jQuery 1.1.2 jQuery 1.1.3 % Improvement IE 6 4890ms 661ms 740% Firefox 2 5629ms 567...
How to easily show, hide, slide, and fade elements with smooth animations and transitions Good practice for jQuery plugin development Methods for making elements draggable Ways to customize ...
<div class="sub_btn_pannel hide"> <i id="sub_btn_one" class="fa fa-qq" aria-hidden="true" font-size: 22px;"> <i id="sub_btn_two" class="fa fa-facebook-official" aria-hidden="true" font-size: 22px...
jquery插件-添加不包邮城市 $(function () { //------生成地区 GetRegionPlug(); //------选择后确定按钮 $(".btntest1").click(function () { var areas = GetChecked().join(",");//已选择的城市名 $("#...
jQuery元素属性、jQuery元素内容、jQuery动态创建内容、jQuery删除节点、jQuery事件处理、jQuery文档就绪的四种写法、jQuery事件绑定和解除绑定、jQuery事件切换、jQuery实现toggle功能、jQuery插件、jQuery插件实用...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用，以及各种常用的jQuery插件的使用方法和技巧，所有这些知识点都配有完整的示例（包括...
JQuery技术实现网页选项卡 代码： <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"> ... $(".content").eq(indexID).removeClass("hide").siblings().addClass("hide"); }); }); </script>
hide([s,[e],[fn]]) toggle([s],[e],[fn]) 滑动 slideDown([s],[e],[fn]) slideUp([s,[e],[fn]]) slideToggle([s],[e],[fn]) 淡入淡出 fadeIn([s],[e],[fn]) fadeOut([s],[e],[fn]) fadeTo([[s],o,[e],[fn...
主要介绍了实例讲解Jquery中隐藏hide、显示show、切换toggle的用法，感兴趣的小伙伴们可以参考一下
hide ( ) ; } } ) ; 如果您决定要取消回调，请使用“off”方法： $ ( ".some-element" ) . oneClickOutside ( "off" ) ; 如果您有一些不应触发回调的外部元素，请定义一些例外： $ ( ".some-element" ) . o
$(myForm.elements).hide() jQuery(callback)jQuery(callback) $(document).ready()的简写。 允许你绑定一个在DOM文档载入完成后执行的函数。这个函数的作用如同$(document).ready()一样，只不过用这个函数时，需要...
jQuery FormWatch：轻松监视表单数据中的更改。它能做什么该插件可让您查看表单中的数据更改。 例如，这使您可以在用户未保存更改时轻松通知用户（在单页面应用程序中尤其重要）。 您可以以查看实际的基本思想。用法...
本文实例讲述了jQuery使用hide方法隐藏元素自身用法，分享给大家供大家参考。具体如下： 下面的JS代码实现让按钮点击后将自己隐藏起来 <!DOCTYPE html> <html> <head> [removed] [removed] [removed...
hide: 'explode', // The effect to be used when the dialog is closed offsetWidth: 50, // Offset of image width to viewport width offsetHeight: 50, // Offset of image height to viewport height ...
本文实例分析了jQuery中show与hide方法用法。分享给大家供大家参考，具体如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...