// 1.  $() ---> jQuery对象        

// 2.  如何拿到对应的标签
            console.log($('p'));        

// 3.  查看拿到的标签中的属性值 
            console.log($('.word').attr('class'));        

// 4.  改变拿到的标签中的属性值  两种写法       
            $('img').attr('src', 'image/img_02.jpg');          
            $('img').attr({'src':'image/img_02.jpg'});   
     
// 5. 如何查看标签内容
            console.log($('p').text());           
            console.log($('p').html());        

// 6. 改变        
           $('p').text('我是MT');        

7. 事件        
// 7.1 显示        
           $('button').eq(0).on('click', function () {  
                 $('p').show();   
                 $('img').show();      
           });;        
// 7.2 隐藏       
           $('button').eq(1).on('click', function () {                  
                 $('p').hide();
                 $('img').hide();        
            });        
// 7.3 切换        
           $('button').eq(2).on('click', function () {            
                $('p').toggle(2000);           
                $('img').toggle(2000);        
            });       
 
// 8.遍历        
           var datas = [10,32,2323,4,4];   
           $.each(datas,function (index , value) {                    
                       console.log(index,value);        
           });     
   
// 9.取出对应下标        
          console.log($.inArray(32,datas));  

// 10写css        
          $('.word').css({            
                background:'red',            
                border:'3px solid green',        
          });