jQuery
1.jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作;
2.基础语法是:$(selector).acti
on()
<1>美元符号定义 jQuery
<2>选择符(selector)“查询”和“查找” HTML 元素
<3>jQuery 的 action() 执行对元素的操作
示例1:
$(this).hide() - 隐藏当前元素
$(“p”).hide() - 隐藏所有段落
$(".test").hide() - 隐藏所有 class=“test” 的所有元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
*{margin:0; padding:0;}
#nav{background-color: #e9efa3;
width:600px;
height:20px;
margin:0 auto;
}
ul li{
text-decoration: none;float:left;line-height: 20px;text-align: center;margin:0 auto;position:relative;
}
a{text-decoration: none;color:#33bba5;padding:0 10px;width:100px;}
a:hover{
background-color: antiquewhite;color: #55f0ff;
}
ul li ul{position:absolute;top:20px;left:0px;}
ul li ul li{float:none;background-color: #c5ffb8;margin:1px 0;display:none;}
ul li ul li a{padding:0px;}
ul li:hover ul li{display:block;}
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">课程大厅</a>
<ul>
<li><a href="#">web实战</a></li>
<li><a href="#">服务端技术</a></li>
<li><a href="#">python开发</a></li>
</ul>
</li>
<li><a href="#">学习中心</a></li>
<li><a href="#">经典案例</a></li>
<li><a href="#">关于我们</a></li>
</ul>
</div>
</body>
</html>
---------------------