<!DOCTYPE html>
<html>
<head>
<style>
div { width:60px; height:60px; margin:10px; float:left;
border:2px solid blue; }
.blue { background:blue; }
</style>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script>$("body").find("div").eq(2).addClass("blue");</script>
</body>
</html>
想用jquery 怎么获取相同class的个数,其实很简单的,只需一句代码就可以实现。
比如html为:
1
2
3
4
5
6
|
<
div
class
=
"a"
></
div
>
<
div
class
=
"a"
></
div
>
<
div
class
=
"a"
></
div
>
<
div
class
=
"a"
></
div
>
<
div
class
=
"a"
></
div
>
<
div
class
=
"a"
></
div
>
|
a是样式,那么获取页面上有多少个用了a样式的,下面就是jquery代码
1
|
alert($(
".a"
).length);
|
运行,会弹出显示“6”,那么就是有6个元素使用了a这