FreeCodeCamp练习二

一、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”)