首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >jQuery特殊属性操作

jQuery特殊属性操作

原创
作者头像
Qwe7
发布2022-04-16 14:02:10
发布2022-04-16 14:02:10
4710
举报
文章被收录于专栏:网络收集网络收集

jQuery特殊属性操作

val方法

val方法用于设置和获取表单元素的值,例如input、textarea的值

代码语言:javascript
复制
    //设置值
    $("#name").val('张三');
    //获取值
    $("#name").val();

html方法与text方法

html方法相当于innerHTML text方法相当于innerText

代码语言:javascript
复制
    //设置内容
    $('div').html('<span>这是一段内容</span>');
    //获取内容
    $('div').html()
    
    //设置内容
    $('div').text('<span>这是一段内容</span>');
    //获取内容
    $('div').text()

区别:html方法会识别html标签,text方法会那内容直接当成字符串,并不会识别html标签。

width方法与height方法

设置或者获取高度

代码语言:javascript
复制

    //带参数表示设置高度
    $('img').height(200);
    //不带参数获取高度
    $('img').height();

获取网页的可视区宽高

代码语言:javascript
复制
    //获取可视区宽度
    $(window).width();
    //获取可视区高度
    $(window).height();

scrollTop与scrollLeft

设置或者获取垂直滚动条的位置

代码语言:javascript
复制

    //获取页面被卷曲的高度
    $(window).scrollTop();
    //获取页面被卷曲的宽度
    $(window).scrollLeft();

offset方法与position方法

offset方法获取元素距离document的位置,position方法获取的是元素距离有定位的父元素的位置。

代码语言:javascript
复制

    //获取元素距离document的位置,返回值为对象:{left:100, top:100}
    $(selector).offset();
    //获取相对于其最近的有定位的父元素的位置。
    $(selector).position();

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档