元素选择器,就是“选中”相同的元素,然后对相同的元素进行操作。
语法:
$("");
<!DOCTYPE html>
<head>
<title></title>
<script src=
"jquery-1.12.0.min.js"
type=
"text/javascript"
></script>
<script type=
"text/javascript"
>
$(
function
() {
$(
"div"
).css(
"color"
,
"red"
);
})
</script>
</head>
<body>
<div>绿叶学习网</div>
<p>绿叶学习网</p>
<span>绿叶学习网</span>
<div>绿叶学习网</div>
</body>
</html>
在浏览器预览效果如下:
分析:
1
2
3
|
$(
function
() {
//这里是你的jQuery代码
}
|
这句代码功能类似于JavaScript中的window.onload = function(){},也就是在文档加载完成之后执行的代码。以后我们写jQuery代码都在$(function(){})里面写。在“jQuery页面载入事件”这一节我们会详细介绍。不过在这里建议大家先去看看这一节的内容,然后再回到这一节学习。
在这个例子中,$("div")表示选中所有的div元素,css("color","red")表示将选中的元素的color属性设置为红色。css()方法是jQuery操作CSS样式的方法,这个知识我们会在“CSS属性操作”这一节会详细讲解到。由于css()是“对象的一个方法”,因此我们使用点运算符来调用,如$(“div”).css()。
在这一节的学习中,我们会发现jQuery选择器是跟CSS选择器完全一样的!我们只需要把CSS选择器的写法套进$("")中,就变成了jQuery选择器,非常简单!
没错,这么简单一步,jQuery选择器就诞生了!对于其他jQuery选择器也可以这样得到。