这篇文章主要介绍“jquery类选择器有哪些”,在日常操作中,相信很多人在jquery类选择器有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”jquery类选择器有哪些”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
在jquery中,类选择器只有一种,用于选取指定class属性值的元素,并对该元素进行各种操作;语法“$(".类名")”,类名(即class属性的值)前面必须加上前缀英文句号“.”,否则该选择器无法生效。
本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
在jquery中,类选择器只有一种。
类选择器又称“class 选择器”,用于选取指定class属性值的元素。
我们可以对“相同的元素”或者“不同的元素”定义一个相同的class,然后针对这个class的元素进行各种操作。
语法:
$(".类名")
类名(即class属性的值)前面必须加上前缀英文句号.
,否则该选择器无法生效。类名前面加上英文句号.
,表示这是一个 class 选择器。
举例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(function() {
$(".lv").css("color", "red");
})
</script>
</head>
<body>
<div>编程网</div>
<p class="lv">编程网</p>
<span class="lv">编程网</span>
<div>编程网</div>
</body>
</html>
$(".lv").css("color","red")
表示选中 class="lv"
的所有元素,然后定义这些元素的颜色为红色。
到此,关于“jquery类选择器有哪些”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!