JavaScript DHTML/jQuery/hide
Содержание
Animates all shown paragraphs to hide slowly, completing the animation within 600 milliseconds.
<source lang="html4strict">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function () {
$("p").hide("slow");
});
});
</script>
</head>
<body>
<body>
<button>Hide</button>
asdf
</body>
</html>
</source>
Click to hide
<source lang="html4strict">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function () {
$(this).hide();
return true;
});
}); </script> </head> <body> <body>
Hello
</body>
</html>
</source>
Hide and remove
<source lang="html4strict">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").hide(2000, function () {
$(this).remove();
});
}); </script> </head> <body> <body>
Hello
</body>
</html>
</source>
Hide a tag
<source lang="html4strict">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").hide();
}); </script> </head> <body> <body>
Hello
</body>
</html>
</source>
Hide fast
<source lang="html4strict">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function () {
$(this).hide("fast");
return true;
});
}); </script> </head> <body> <body>
Hello
</body>
</html>
</source>
Hide in millisecond
<source lang="html4strict">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function () {
$(this).hide(2000);
return true;
});
}); </script> </head> <body> <body>
Hello
</body>
</html>
</source>
