02：jquery之操作

　　1. 文本操作

    $('#id').text()  # 不加参数是获取值，有参数是修改值
    $('#id').html()
    
    $('#id').val()   # 对于input标签的values值操作，简写成val()

 

　　2. 样式操作

　　.hasClass('xx')      # 判断有没有此样式
　　.removeClass('xx')   # 移除样式
　　.addClass('xx')      # 添加样式
　　.toggleClass('xx')   # 开关效果

 

    if ($('.c1').hasClass('hide')){
        $('.c1').removeClass('hide');
    }else{
        $('.c1').addClass('hide');
    }
    
    $('.c1').toggleClass('hide');

 

 　　3. 属性操作

    $('.c1').attr(name,'yeye')       # 没参数，获取值。有参数修改值
    $('.c1').removeAttr(name)

    $('.c1').prop(checked,'true')    # 专用于checkbox和radio
    $('.c1').removeProp(checked)

 

 　　4. 文档处理

    append          # 在后面添加
    prepend         # 在前面添加
    after           # 同级的后面添加
    before          # 同级的前面添加
    remove          # 移除
    empty           # 清数据
    clone           # 克隆

 　　

　　5. 位置参数操作

　　offset([coordinates])  #  获取与设置某个标签的x与y的坐标，例如获取id=‘c1’的位置 $(#c1).offset().传参则是设置值。
                       　　#  $(#c1).offset().left取横坐标。     $(#c1).offset().top取纵坐标
　　position()             #
　　scrollTop()            #  距离顶部的位置，不传参数是获取值。传参是设置值
　　scrollLeft()           #  同上

 注：$('windows')代表的是浏览器窗口。

 

　　6.  获取高度的四种表现

    $('#id').height()           # 纯高度
    $('#id').innerheight()      # 纯高度+内边框像素
    $('#id').outerheight()      # 纯高度+外边框像素
    $('#id').outerheight(true)  # 带参数true

 

 

 

 

【完】