jquery第二节,各种选择器

	<!DOCTYPE html>
	<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<script src="E:\asiainfo\jQuery\lianxi\jq\jquery-2.2.4.min.js"></script>
		<script type="text/javascript" src="E:\asiainfo\jQuery\lianxi\js\app.js"></script>
		<style type="text/css" rel="stylesheet">
			p{
				background-color: red;
			}
		</style>
	</head>
	<body>
		<p>哈哈哈</p>
		<p>哈哈哈</p>
		<p>哈哈哈</p>
		<p>哈哈哈</p>
	</body>
	</html>

 

$(document).ready(function() {
	$("p").click(function() {
		$(this).hide();
	});
});

 

 

 

二、选择器

       五种选择器

       1.全    2.class   3.id   4.标签   5.多样选择器

 

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="E:\asiainfo\jQuery\lianxi\jq\jquery-2.2.4.min.js"></script>
	<script type="text/javascript" src="E:\asiainfo\jQuery\lianxi\js\selector.js"></script>
</head>
<body>
	<div>
		<span></span>
		<p id="pp"></p>
		<span class="span1"></span>
		<label>lable</label>
		<b>bbbb</b>
	</div>
</body>
</html>

 

/*$(document).ready(function() {
	$("div *").html("jquery基础教程2")
});*/
//all  selector 选择所有元素,浏览器加载慢,需要谨慎使用div下面的所有子元素
/*	$(".span1").html(".class选择器");
});*/
//.class选择器
/*$(document).ready(function() {
	$("p").html("根据html标签名进行设置");
});*/
//根据给定html标记名称选择所有元素
/*$(document).ready(function() {
	$("#pp").html("选择一个具有给定id属性的单个元素");
});*/
//id选择器   选择一个具有给定id属性的单个元素#id
$(document).ready(function() {
	$("#pp,lable").html("多样选择器");
});
//将每一个选择器匹配到的元素合并后一起返回

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值