jq中的两种不同的 toggle() 方法的区别
来源:互联网 发布:visio2013网络拓扑图 编辑:程序博客网 时间:2024/06/05 18:29
注意对比这段代码中toggle()的两种不同的使用区别
---------------------------------------------------------------------------------------------------------------------------------------------------------------
<!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" />
<title>JQuer测试</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
.highlight{ background:#FF3300; }
</style>
<script language="javascript" src="jquery-1.3.1.js">
</script>
<script language = "JavaScript" type="text/javascript">
$(function(){
/*
$("#panel h5.head").bind("mouseover",function(){
$(this).next().show();
}).bind("mouseout",function(){
$(this).next().hide();
});*/
$("#panel h5.head").toggle(function(){
$(this).next().toggle();
$(this).addClass("highlight");
},function(){
$(this).next().toggle();
$(this).removeClass("highlight");
});
});
</script>
</head>
<body>
<div id="panel">
<h5 class="head">什么是jQuery?</h5>
<div class="content">
jQuery是继Prototype之后又一个优秀的JavaScript库,它是一个由 John Resig 创建于2006年1月的开源项目。jQuery凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax。它独特而又优雅的代码风格改变了JavaScript程序员的设计思路和编写程序的方式。
</div>
</div>
</body>
</html>
- jq中的两种不同的 toggle() 方法的区别
- jq bind()的两种不同绑定方法的区别
- jq toggle()方法的重写
- jq的each和toggle
- jq中的live、toggle联合解决toggle无法绑定未来元素的事实
- 不同版本下的toggle
- jQury的toggle()方法
- 两种不同的引擎的区别
- jq动态拼接标签的两种方法及其注意事项
- jq中的toggle和toggleClass
- laszlo方法的两种不同写法
- Singleton的两种不同实现方法.
- java中的string定义的两种方法和区别
- JQ中的hover、mousexx的区别
- jq绑定事件的方法区别
- 堆和栈的区别-两种不同的数据结构
- 堆和栈的区别-两种不同的数据结构
- jQuery中的toggle方法
- Hadoop源码学习笔记(1) ——第二季开始——找到Main函数及读一读Configure类
- 用Java怎么判断链接是否有效
- UML类图
- POJ 3260 The Fewest Coins(多重背包+完全背包)
- android端读取本地图片出现OutOfMemoryException解决办法
- jq中的两种不同的 toggle() 方法的区别
- log4j
- Java设计模式源代码——自己看pdf写的
- 选车最应看重的关键部件(二): 变速箱
- Java I/O编程 装饰设计模式及应用
- Thinking in Java——自己手写的代码
- Label文字多种颜色
- Spring定时调度——将调度信息持久化到数据库中
- 技术文档下载网站大全