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():滚动条距离上方、左边的距离

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

  • 相关阅读:
    [转]我们应该做什么样的研究
    [转]面向服务架构(SOA)和企业服务总线(ESB)
    [转]程序员应知——团队精神
    vs2010 调试快捷键
    asp.net 获取ip的6种方法
    解决了防止用户重复登陆和session超时
    IE 10 也能随网站应变,图标决定一切!
    Sony VAIO Duo 11 游戏性能测试
    翻出Windows 8 当中的游戏管理器
    Office 2013预览版已到期,需要付费才可正常使用
  • 原文地址:https://www.cnblogs.com/Forever77/p/10337765.html
Copyright © 2011-2022 走看看