【jQuery】全笔记
🗓 2019年08月24日 📁 文章归类: 合集 📝 Edit
版权声明:本文作者是郭飞。转载随意,标明原文链接即可。
原文链接:https://www.guofei.site/2019/08/24/jquery.html
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() // 滚动条
您的支持将鼓励我继续创作!
