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

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

  • 相关阅读:
    linq in 查询
    sql数据分组取第一条
    获取mac地址
    计算机网络体系结构分层 (OSI TCP/IP)
    2048游戏代码
    go——变量、类型、常量、函数
    关于装饰器 开放封闭
    linux杂碎知识
    crawl——scrapy(配置文件,持久化,请求传递参数,提高爬虫效率,爬虫中间件,集成selenium,去重规则)
    crawl——xpath使用
  • 原文地址:https://www.cnblogs.com/Forever77/p/10337765.html
Copyright © 2011-2022 走看看