<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>b.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
</head>
<body>
<!-- 标签选择器
<script type="text/javascript">
$(function(){
alert($("div")[0].tagName);
});
</script>
<a href="#">吃饭</a><br/>
<span>睡觉</span><br/>
<div>打豆豆</div>
-->
<!-- id选择器
<script type="text/javascript">
$(function(){
$("#s3").click(function(){
alert("dont touch me~~");
});
});
</script>
<a href="#" id="s1">丫的,别点我</a><br/>
<span id="s2">丫的,别点我</span><br/>
<div id="s3">丫的,别点我</div><br/>
-->
<!-- 类选择器
<script type="text/javascript">
$(function(){
$(".c2").click(function(){
alert("我最喜欢看你");
});
});
</script>
<a href="#" class="c1">斗鱼TV</a><br/>
<a href="#" class="c2">虎牙TV</a><br/>
<a href="#" class="c2">熊猫TV</a><br/>
<a href="#" class="c3">CCTV</a><br/>
-->
<!-- 属性选择器
<script type="text/javascript">
$(function(){
$("[java135=cool]").click(function(){
alert("最喜欢看你");
});
});
</script>
<a href="#" class="c1">斗鱼TV</a><br/>
<a href="#" title="t1">虎牙TV</a><br/>
<a href="#" aa="bb">熊猫TV</a><br/>
<a href="#" java135="cool">CCTV</a><br/>
-->
<!-- id组合选择器
<script type="text/javascript">
$(function(){
$("#a1,#s1,#d1").click(function(){
alert("我都喜欢看");
});
});
</script>
<a id="a1" href="#" >斗鱼TV</a><br/>
<span id="s1">虎牙TV</span><br/>
<div id="d1">熊猫TV</div><br/>
-->
<!-- 类组合选择器
<script type="text/javascript">
$(function(){
$(".a1,.s1").click(function(){
alert("我都喜欢看");
});
});
</script>
<a class="a1" href="#" >斗鱼TV</a><br/>
<span class="s1">虎牙TV</span><br/>
<div class="s1">熊猫TV</div><br/>
-->
<!-- 属性组合选择器
<script type="text/javascript">
$(function(){
$("[sg=sg],[mn=mn],[ry=ry]").click(function(){
alert("我都喜欢");
});
});
</script>
<a sg="sg" href="#">帅哥</a><br/>
<a mn="mn" href="#">美女</a><br/>
<a ry="ry" href="#">人妖</a><br/>
-->
<!-- 平级组合选择器
<script type="text/javascript">
$(function(){
$(".c2[title=t1]").click(function(){
alert("最不喜欢");
});
});
</script>
<a class="c1" title="t1" href="#">帅哥</a><br/>
<a class="c2" title="t2" href="#">美女</a><br/>
<a class="c2" title="t1" href="#">人妖</a><br/>
-->
<!-- 上下级组合选择器
<script type="text/javascript">
$(function(){
$(".d2 .a1").click(function(){
alert("这个游戏我喜欢");
});
});
</script>
<div class="d1">
<a class="a1" href="#">英雄联盟</a>
</div>
<div class="d2">
<a class="a1" href="#">王者荣耀</a>
</div>
<div class="d2">
<a class="a2" href="#">守望先锋</a>
</div>
-->
</body>
</html>