jquery $(,)逗号分隔的选择器

最新推荐文章于 2025-04-26 15:58:54 发布

原创最新推荐文章于 2025-04-26 15:58:54 发布 · 3.7k 阅读

0 ·

CC 4.0 BY-SA版权

JQuery 专栏收录该内容

2 篇文章

订阅专栏

本文通过一个简单的HTML页面示例展示了如何使用jQuery选择特定的子元素并修改其样式。具体而言，该示例中选择了类名为'li_2'的列表项，并将其文字颜色设置为红色。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
    <ul class="ul">
        <li class="li_1">内容一</li>
        <li class="li_2">内容二</li>
        <li class="li_3">内容三</li>
    </ul>
</body>
</html>
<script type="text/javascript">
    $('.li_2','.ul').css({'color':'red'})
</script>

结果: