主要内容:

1 直接操作css样式

$('.divineRight').css('color','red')   设置值$('.divineRight').css('color')         获取值

2 位置

　　offset () :      获取匹配元素在当前窗口的相对位移或设置元素位置;

　　positon():     获取匹配元素相对于父元素的偏移;

　　scrollTop():  获取匹配元素相对滚动条顶部的偏移

　　scrollLeft():  获取匹配元素相对滚动条左侧的偏移

$('.senseOfRitual').offset(){top: 200, left: 400}$('.senseOfRitual').position(){top: 200, left: 200}

　　使用滚动条返回顶部事例: 见老师博客:https://www.cnblogs.com/liwenzhou/p/8178806.html

3 :  尺寸

　　height()  　　innerHeight()　　 outerHeight()

　　width()　　   innerWidth()　　   outerWidth()

$('.c1').height()          文本的高度200$('.c1').innerHeight()     padding内填充的高度+文本的高度220$('.c1').outerHeight()     border边框的高度+padding内填充的高度+文本的高度 230

4 : 文本操作

　　test()

document.getElementById('d0').innerText"div的文本p标签的文本呵呵哒~"$('#d0').text()                                             获取值"        div的文本            p标签的文本呵呵哒~            "$('#d0').text('嘿嘿')                                       设置值

$('#d0').text("sogo")结果:sogo                 不能访问

　html()　

$('#d0').html()                                             获取值    "        
     
      div的文本            
      
p标签的文本呵呵哒~
        
     
    "$('#d0').html('哈哈')                                        设置值w.fn.init [div#d0]$('#d0').html("sogo")     可以访问

　val()

$('#i1').val()            获取值"mi"$('#i1').val('tiantian')  设置值w.fn.init [input#i1]0: input#i1length: 1__proto__: Object(0)    input框 $('#s1').val()            select获取的value是对应的value值"1"$('#s1').val()"2"$('#s1').val(3)$('#t1').val()            testarea文本框"雨后江岸破晓老舟新客知多少"$('#t1').val('张杰/张靓颖') 设置值w.fn.init [textarea#t1]

　　　　val([val1,val2])  设置多选的select和checkbox值

篮球足球双色球    1    2    3

　　获取选中的checkbox或radio的值

$("input[name='gender']:checked").val()   radio"1"$("input[name='hobby']:checked").val()    checkbox           val获取的默认值只能取第一个元素的值"basketball"

5 属性操作:

　　用于id等或者自定义属性

$('#d1').attr('id')                              获取属性值"d1"$('#d1').attr('s14')"hao"$('#d1').attr('s14','good')                      设置属性值w.fn.init [div#d1]0: div#d1length: 1__proto__: Object(0)$('#d1').removeAttr('s14')                       删除属性w.fn.init [div#d1]$('#d1').attr({'s14':'good','teacher':'best'})   采用字典可设置多个属性w.fn.init [div#d1]

　　用于checkbox和radio

$('#i1').prop('checked')                          获取属性 获取的是布尔值   //  获取文本的属性用attrtrue$('#i1').prop('checked')false

　　　prop和attr的区别:

　　　　对于标签上有的能看到的属性和自定义属性都用attr

　　　　对于返回布尔值的比如checkbox . radio 和option的是否被选中都用prop

　补充:

     
    
          
      点我    
      
     

6 全选  反选  取消

    
         
         
     
          
           
                
序号
                
姓名
                
爱好
           
          
          
           
                
                
蝇蝇
                
用手
           
           
                
                
康抻
                
gay in gay out
           
           
                
                
黄袍哥
                
吹牛逼
           
          
     
     
全选反选取消

7  登录验证问题

    
         
         
     
    
      
        用户名：                                    
    
      
        密码：                                    
    
      登录