FreeCodeCamp练习二

最新推荐文章于 2023-09-26 14:49:10 发布

原创最新推荐文章于 2023-09-26 14:49:10 发布 · 732 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了如何使用jQuery选择和操作HTML元素。包括文档加载完成事件的触发、使用选择器定位DOM元素、按类名和ID选取元素以及利用多种选择器同时定位同一个元素的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、Learn how Script Tags and Document Ready Work

<script>$(document).ready(function(){});</script>

并不明白这行是干嘛的……

二、Target HTML Elements with Selectors Using jQuery
jQuery都是通过“$”开始，通过选择器来选择一个元素的，然后操作元素做些改变。（被卡住，没办法，跳过了…）

<script>
  $(document).ready(function() {
  $("button").addclass("animated bounce");
  });
</script>

三、Target Elements by Class Using jQuery

<script>
  $(document).ready(function() {
    $("button").addClass("animated bounce");
    $(".text-primary").addClass("animated shake");
  });
</script>

给所有class为text-primary的元素添加shake class。

四、Target Elements by ID Using jQuery

<script>
  $(document).ready(function() {
    $("button").addClass("animated bounce");
    $(".well").addClass("animated shake");
    $("#target3").addClass("animated fadeOut");
  });
</script>

五、Target the same element with multiple jQuery Selectors
三种选择器：
$("button")、class选择器：$ (“.btn”)、id选择器：$(“#target1”)