学习jquery小测试 自娱自乐
来源：互联网 发布：linux内核开发流程 编辑：程序博客网 时间：2024/04/30 18:53
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的jQuery测试</title>
<script src="./jquery.js"></script>
</head>
<body>
<script type="text/javascript">
<!--单机文字消失-->
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
<!--单机文字隐藏-->
$(".hide").click(function(){
$("p").hide();
});
<!--单机文字显示-->
$("#show").click(function(){
$("p").show();
});
});
</script>
<p>不要在我的上面，否则我就隐藏了！</p>
<button id="show">显示</button>
<button class="hide">隐藏</button>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的jQuery测试</title>
<script src="./jquery.js"></script>
</head>
<body>
<script type="text/javascript">
<!--单机文字消失-->
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
<!--单机文字隐藏-->
$(".hide").click(function(){
$("p").hide();
});
<!--单机文字显示-->
$("#show").click(function(){
$("p").show();
});
});
</script>
<p>不要在我的上面，否则我就隐藏了！</p>
<button id="show">显示</button>
<button class="hide">隐藏</button>
</body>
</html>
0 0
- 学习jquery小测试 自娱自乐
- 学习操作系统的自娱自乐
- 自娱自乐
- 自娱自乐
- 自娱自乐~~
- 自娱自乐
- 自娱自乐
- 自娱自乐
- 《记录下自己学习Flex的小知识点——纯属自娱自乐》
- jQuery技术在线小测试:
- jQuery小测试系列之jQuery基础知识
- Jquery学习小总结
- jquery基础学习小例子
- jQuery学习小问题记录
- js自娱自乐
- java servlet+jquery+json学习小例子
- jquery学习 小作品《我的日记本》
- JQuery学习过程小知识积累
- html的笔记（列表）
- Wiki小记(二)：Dokuwiki主题和插件推荐
- 不加<！DOCTYPE html>页面也显示，加不加的区别
- 最长上升子列
- 无法确定表达式的类型，因为<null>和int之间没有隐式转换
- 学习jquery小测试 自娱自乐
- null和""的区别详解
- 【第四章】 资源 之 4.3 访问Resource ——跟我学spring3
- 信号量的初始值
- linux驱动中的等待队列头
- UVa - 156 Ananagrams(STL)
- 关于Ping和Tracert命令原理详解
- 1-2 Fibonacci sequence
- UVa - 10474 Where is the Marble?(STL)
