您的位置：首页 > Web前端 > JQuery

【code】jQuery实现鼠标单击显示内容

2015-12-09 15:30 561 查看
<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>绑定单击事件</title>

<link rel="stylesheet" type="text/css" href="css/style.css">

</head>

<body>

<div id="panel">

<h5 class="head">什么是jQuery？</h5>

<div class="content">是继Prototype之后又一个优秀的JavaScript库，它是由John Resig创建于2006年1月份的开源项目。jQuery凭借简洁的语法和跨平台的兼容性，极大的简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax。它独特而又优雅的代码风格改变了JavaScript程序员的设计思路和编写程序的方法

</div>

</div>

<script type="text/javascript" src="../scripts/jquery.js"></script>

<script type="text/javascript">

$(function(){

$("#panel h5.head").bind("click",function(){

var $content=$(this).next();

if ($content.is(":visible")) {

$content.hide();

}else{

$content.show();

}

});

})

</script>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航