freeCodeCamp:jQuery

jQuery

页面顶端增加一行script元素：

<script></script>

浏览器会运行script里的所有JavaScript，包括jQuery，在script里添加这个方法：

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

在没有document ready function以前，代码会再HTML没有渲染完成就执行，这样会产生bug。

jQuery方法都是由$开始，jQuery通过选择器来选择一个元素，然后操作元素做改变

弹回效果（ready后上下弹）

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

ready后左右弹

$("well").addClass("animated shake");

ready后渐隐

$("#target3").addClass("animated fadeOut");

addClass()给元素添加class
removeClass()去掉元素上的class

$("#target2").removeClass("btn-default");

jQuery有一个叫做.css()的方法能改变CSS样式

$("#target1").css("color","blue");

按钮不可选

$("button").prop("disabled",true):