<!DOCTYPE html>
<html lang="en">
<head>
<title>Title</title>
<meta charset="UTF-8">
<!--<!– <script src="js_file01.js"></script>–> 尽量放后body前边-->
<script src="jquery-3.5.1.js"></script>
</head>
<body>
<div>div
<ul>
<li>li</li>
<li>li</li>
<li>li</li>
</ul>
</div>
<!--<h>hh</h>-->
<!--<p id="p1">id</p>-->
<!--<div class="cla">class</div>-->
<p>p3</p>
<div class="outer">
<div>
<p>p1</p>
</div>
<p>p2</p>
</div>
<div>div3</div>
<p zxy="hao">p4</p>
<p zxy="yo">p5</p>
<input type="button">
<script>
// $("*").css("color","red");
// $("div").css("color","red");
// $("#p1").css("color","red");
// $(".cla").css("color","red");
// $("#p1,.cla").css("color","red");
// $(".outer p").css("color","red"); // 所有p
// $(".outer>p").css("color","red"); // outer的子代
// $(".outer+p").css("color","red"); // 下毗邻
// $(".outer~p").css("color","red"); // 向下找，可不相邻
// $("div li:first").css("color","red"); // first
// $("div li:last").css("color","red"); // last
// $("div li:eq(1)").css("color","red"); // eq
// $("div li:lt(1)").css("color","red"); // <1
// $("div li:gt(1)").css("color","red"); // >1
// $("[zxy]").css("color","red");
// $("[zxy=‘yo‘]").css("color","red");
$("[type=‘button‘]").css("width","100px"); // 属性值 "[type=‘button‘]"
$(":button").css("width","100px"); // ":button" (适用于iinput标签)
</script>
</body>
</html>
原文：https://www.cnblogs.com/zxy01/p/13520424.html