jquery 选择器 E

CSS边框应用

最新推荐文章于 2023-03-31 10:56:11 发布

最新推荐文章于 2023-03-31 10:56:11 发布 · 61 阅读

文章标签：

#jQuery #CSS #HTML #ViewUI

jQuery 专栏收录该内容

95 篇文章

订阅专栏

本文介绍了一个使用jQuery为所有<div>元素自动添加红色边框的示例。通过简单的HTML和内联JavaScript代码展示了如何在网页加载完成后，统一设置指定元素的样式。

element

匹配页面中所有element元素，返回匹配后结果集

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    $("div").css("border","3px solid red");
  });
  </script>
  <style>
  div,span {
    width: 60px;
    height: 60px;
    float:left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }
  </style>
</head>
<body>
  <div>DIV1</div>
  <div>DIV2</div>
  <span>SPAN</span>
</body>
</html>

$("div").css("border","3px solid red")将匹配页面中所有的<div></div>,然后加上样式。