在页面设置弹窗
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.menus {
width: 200px;
border: 1px solid red;
}
</style>
</head>
<body>
<div class="menus">
<div class="header" onclick="myFunc()">大标题</div>
</div>
<!-- 利用javascript设置弹窗事件 -->
<script type="text/javascript">
function myFunc() {
alert("hello")
}
</script>
</body>
</html>
JQuery选择器操作(直接寻找)
<h1 class="c1">中国联通</h1>
<h1 id="txt">中国联通</h1>
<div class="c1">
<div class="c2">
<h1>123</h1>
</div>
</div>
<div class="c3">
<div class="c4">
<h1>123</h1>
<li>456</li>
</div>
</div>
<input type="text" name="n1" />
<input type="text" name="n2" />
<input type="text" name="n3" />
<!-- ID选择器 -->
$("#txt")
<!-- 类选择器 -->
$(".c1")
<!-- 标签选择器 -->
$("h1")
<!-- 多类选择器-->
$(".c1 .c2 h1")
<!-- 属性选择器 -->
$("input[name='n1']")
JQuery选择器操作(间接寻找)
找兄弟
<div>
<div>北京</div>
<div id="c1">上海</div>
<div>深圳</div>
<div>广州</div>
</div>
<!-- JQuery操作 -->
$("#c1").prev() //上一个标签
$("#c1")
$("#c1").next() //下一个标签
$("#c1").next().next() //下一个的下一个标签
$("#c1").siblings() //所有兄弟的标签
找父子
<div>
<div>
<div>北京</div>
<div id="c1">
<div>浦东新区</div>
<div>静安区</div>
<div>奉贤区</div>
</div>
<div>深圳</div>
<div>广州</div>
</div>
<div>
<div>北京</div>
<div id="c1">上海</div>
<div>深圳</div>
<div>广州</div>
</div>
</div>
<!-- JQuery操作 -->
$("#c1").parent() //父亲
$("#c1").parent().parent() //父亲的父亲
$("#c1").children() //所有的儿子
$("#c1").children(".p10") //所有的儿子中寻找class=p10
$("#c1").find(".p10") //所有的子孙中寻找class=p10
$("#c1").children("div") //所有的儿子中寻找标签 div