【jQuery】全笔记



2019年08月24日    Author:Guofei

文章归类: 合集    文章编号: 17003

版权声明:本文作者是郭飞。转载随意,但需要标明原文链接,并通知本人
原文链接:https://www.guofei.site/2019/08/24/jquery.html


jquery

jQeury 封装了 JavaScript 和 Dom

  1. step1:官网下载: https://jquery.com/download/
  2. 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() // 滚动条

您的支持将鼓励我继续创作!