<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
</head>
<body>
<div id="div1">
徐凤年
</div>
<div id="div1">
四顾剑
</div>
<div class="div1">
打生打死
</div>
<div class="div1">
小道士
</div>
<p class="div1">古龙惯例</p>
<p>小说古龙</p>
<!--
jQuery选择器:$(选择器)
基础选择器:
id选择器:相同id的元素,只能取到第一个
类选择器
元素选择器
通用选择器
组合选择器
-->
<script type="text/javascript">
console.log(">=-------------->");
console.log(">=-------------->");
console.log(">=-------------->");
console.log(">=-------------->");
console.log(">=------id选择器-------->");
//id选择器
var div1 = $('#div1');
div1.each(function(){
console.log(this); //相同id的元素,只能取到第一个
});
console.log(">=------元素选择器-------->");
var p1 = $('p');
p1.each(function(){
console.log(this);
});
console.log(">=------类选择器-------->");
var cla1 = $('.div1');
cla1.each(function(){
console.log(this);
});
console.log(">=------通用选择器-------->");
var alls = $('*');
alls.each(function(){
console.log(this);
});
console.log(">=------组合选择器-------->");
var groupdiv = $('p, .div1');
groupdiv.each(function(){
console.log(this);
});
</script>
新手上路 jquery 选择器篇(一) 代码笔记
最新推荐文章于 2019-08-14 20:43:00 发布