学习笔记 · JQuery选择器
作者:氯磷Rolin
参考书籍:《HTML+CSS+JavaScript 编程入门指南 下册》
jQuery选择器
- jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
- jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。
- jQuery 中所有选择器都以美元符号开头:
$()
。
选择器的使用方法
jQuery选择器的用法如下,在下面分项中将不再演示选择器的用法
- JavaScript:
<script type="text/javascript" src="JS/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
$(function () {
$('input').on('click', function () {
var b = $(".top");
$("#btn").css("width","200px");
b.css("background-color","pink");
$("tr:first").css("background-color","yellow");
});
});
</script>
- HTML:
<body>
<div class="top">
&l