使用jQuery之前，我们需要加一些代码到HTML文件中。

首先在页面顶端增加一行script元素，然后写上结束符。

浏览器会运行script 里所有的Javascript，包括jQuery。

在你的script里，添加这个方法:$(document).ready(function() {

到你的script，接下来用});结束这个方法

接下来我们来学习如何写方法，方法里面的代码会被浏览器加载。

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

jQuery语句，所有jQuery方法都是由$开始的，通常称作为 美元符号，或者简称为bling。

 

jQuery通过选择器来选择一个元素的，然后操作元素做些改变。

举个例子，要让所有的按钮做弹回效果，只要把这段代码写在document ready function里面就可以了。

$("button").addClass("animated bounce");

我们是怎么给所有的按钮做弹回效果了吗？我们用 $("button")来选中按钮，然后用.addClass("animated bounce")给按钮加CSS class。

你只需要用jQuery的.addClass()方法，就可以给元素加class了。

 

 

使用$(".well")来获取所有class为well的div元素。

仔细想想为什么需要在well前面添加.

然后使用jQuery的.addClass()方法添加2个class：animated、shake。

例如，你可以将下面的代码写在document ready function里：

$(".text-primary").addClass("animated shake");

上面的代码给所有class为text-primary 的元素添加shake class。

     
     
  
      
jQuery Playground
  
      
    
       
      
        
#left-well
      
        
        
         #target1        
         #target2        
         #target3      
        
    
       
    
       
      
        
#right-well
      
        
        
         #target4        
         #target5        
         #target6      
        
    
       
  
      
     

 

 

你还可以根据id属性来获取元素

首先用$("#target3")来选择id为target3的button元素。

注意，就像CSS一样，在id的名字前加上 #。

然后使用jQuery的.addClass()方法来添加 animated和fadeOutclass.

例如：下面的代码就是给id为target6的button元素添加fade out效果的：

$("#target6").addClass("animated fadeOut")