jquery
jQeury 封装了 JavaScript 和 Dom
- step1:官网下载: https://jquery.com/download/
- step2:导入:
<script src="js/jquery-3.6.0.min.js"></script>
使用
选择器
<div id="id1" class='class_name'>学习代码真的很好玩。</div>
<script>
$("#id1") // 按 id 找
$("div") // 找到所有的 div 标签
$(".class_name") // 按 class 找
$("*") // 全找
$("div.class_name") // 找 div 标签,且 class 为 class_name 的
$("div,span,div.class_name") // 逗号分开表示找多种标签
</script>
修改属性
(checkbox)
<input type="checkbox" name="tastes">
<script>
$("input[name='tastes']").attr("checked", true);
</script>
<div id="input_text1"></div>
<script>
$("#input_text1").text("赋值"); // 加参数是赋值
$("#input_text1").text(); // 不加参数是取值
</script>
其它
$(window).scrollTop() // 滚动条