您的位置:首页 > Web前端 > JQuery

02jquery01-05jquery选择器

2016-11-01 17:01 155 查看
jquery选择器
ul>li{兄弟很多$}*8
$("#demo") 选择id为demo的第一个元素  $("#demo").css("background-color","red");
$(".liItem") 选择所有类名为liItem的元素 $(".liItem").css("background","red");
$("div") 选择所有标签名为div的元素 $("div").css("background","red");
$(".liItem , div") 选择多个指定的元素 $(".liItem , div").css("background","red");
规律:$(selector).css("background","red");


<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>

</style>
<script src="jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function () {
$("#b03").css("font-size","30px");
});
</script>
</head>
<body>
<ul>
<li>兄弟很多1</li>
<li>兄弟很多2</li>
<li id="b03">兄弟很多3</li>
<li>兄弟很多4</li>
<li>兄弟很多5</li>
<li>兄弟很多6</li>
<li>兄弟很多7</li>
<li>兄弟很多8</li>
</ul>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: