02jquery01-05jquery选择器

来源:互联网 发布:淘宝网餐桌 编辑:程序博客网 时间:2024/05/29 18:10
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>
0 0
原创粉丝点击