jquery children()方法

最新推荐文章于 2025-05-30 09:01:59 发布

转载最新推荐文章于 2025-05-30 09:01:59 发布 · 174 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mr-wuxiansheng/p/6501520.html

文章标签：

#javascript #ViewUI

本文介绍了一个简单的HTML页面示例，通过使用jQuery库选择特定的DOM元素并更改其颜色属性来展示基本的网页交互效果。该示例展示了如何将jQuery与HTML及内联样式结合使用。

1.测试代码

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<style>
  body { font-size:16px; font-weight:bolder; }
  p { margin:5px 0; }
</style>
</head>
<body>
  <div>
    <span>Hello</span>
    <p class="selected">Hello Again</p>
    <div class="selected">And Again</div>

    <p>And One Last Time</p>
  </div>
<script>$("div").children(".selected").css("color", "blue");</script>
</body>
</html>

2.效果图