id选择器，就是选中某个id的元素，然后对该元素进行各种操作。有一定要注意的就是：同一页面不允许出现相同id的元素。
语法：
$(
"#id名"
)
说明：
id名前面必须要加上前缀“#”，否则该选择器无法生效。id名前面加上“#”，表明这是一个id选择器。
举例：
<!DOCTYPE html>
<head>
<title></title>
<script src=
"jquery-1.12.0.min.js"
type=
"text/javascript"
></script>
<script type=
"text/javascript"
>
$(
function
() {
$(
"#lvye"
).css(
"color"
,
"red"
);
})
</script>
</head>
<body>
<div>绿叶学习网</div>
<div id=
"lvye"
>绿叶学习网</div>
<div>绿叶学习网</div>
</body>
</html>
<!DOCTYPE html>
<head>
<title></title>
<script src=
"jquery-1.12.0.min.js"
type=
"text/javascript"
></script>
<script type=
"text/javascript"
>
$(
function
() {
$(
"#lvye"
).css(
"color"
,
"red"
);
})
</script>
</head>
<body>
<div>绿叶学习网</div>
<div id=
"lvye"
>绿叶学习网</div>
<div>绿叶学习网</div>
</body>
</html>
在浏览器预览效果如下：
分析：
$("#lvye").css("color","red")表示选中id为lvye的元素，然后设置该元素的color属性值为red。
把CSS的id选择器插入$("")中就变成了jQuery中的id选择器，很简单。
扫一扫
730
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
