zoukankan      html  css  js  c++  java
  • jQuery基本的属性操作

    attr和prop,prop常用来操作标签的固有属性,比方说checkbox的checked属性、select的selected属性,而attr常用来操作我们自己给标签添加的属性。

    $('div').attr('attrname') :获取div标签的属性值

    $('div').attr('attrname','attrvalue'):设置div标签的属性值

    $('div').prop('attrname'):获取div标签的属性

    $('div').prop('attrname','attrvalue'):设置div标签的属性值

    $('div').addClass('classname'):给div标签增加一个class

    $('div').removeClass('classname'):移除div标签的class

    $('div').html():获取div标签的html值,包含div的文本内容和下属标签

    $('div').text():获取div标签的html值,只包含文本内容不包含下属标签

    $('div').html('htmlvalue'):设置div标签的html值

    $('div').text('textvalue'):设置div标签的文本内容

    $(':text').val():获取text标签的value值

    $(':text').val('textvalue'):设置text标签的value值

    val()只能操作固有value属性的标签,不能操作自定义value属性标签。

    $('div').css('cssname','cssvalue'):设置div标签css样式

    $('div').css({'cssname1':'cssvalue1','cssname2':cssvalue2''...}):给div标签设置多个样式

    $('div').offset():相对于视口的偏移量,结果是一个集合

    $('div').offset().top和$('div').offset().left:相对于视口的上方、左方的偏移量

    位置

    $('div').position():相对于已定位的父元素的位置,结果是一个集合

    $('div').position().top和$('div').position().left:相对于已定位的父元素的上方、左方的位置

    尺寸

    $('div').height()、$('div').width():获取指定标签的高度、宽度,只是内容的宽度

    $('div').innerHeight()、$('div').innerWidth():获取指定标签的高度、宽度,包括内容和padding

    $('div').outerHeight()、$('div').outerWidth():获取指定标签的高度、宽度,包括内容、padding和border

    $('div').outerHeight(true)、$('div').outerWidth(true):获取指定标签的高度、宽度,包括内容、padding、border和margin

    对于各种height()和width(),如果在括号内加上参数例如$('div').height('20px'),表示设定指定的值

    $(document).height():文档高度

    $(window).height():窗口高度

    $(window).scrollTop():滚动条滑动的高度(上下方向)

    对一个页面来说文档高度 = 窗口高度 + 滚动条滑动高度

    滚动条

    $(window).scrollTop()、$(window).scrollLeft():滚动条距离上方、左边的距离

    如果在括号内加上参数,表示设定指定的值

  • 相关阅读:
    牛影传说【线段树+BFS序运用】
    动态规划 :传纸条
    CQYZ-OJ P1377 危险的组合
    使用 git 管理你的配置文件
    Exponential Distribution
    初尝 C++ 类设计
    Android刷机的一般步骤
    重装 Linux 记录
    Linux 折腾记录 (非正式)
    最大熵对应的概率分布
  • 原文地址:https://www.cnblogs.com/Forever77/p/10337765.html
Copyright © 2011-2022 走看看