学习不止眼前的教程与笔记 还需实践与创新

搜索

首页>>网站建设>>css>>基础教程

jQuery 操作尺寸相关方法

发布时间:2021-08-09 点击:0

    在jQuery中能操作的尺寸方面相关的方法有:

    • width() - 设置或获取元素的宽度(不包括内边距、边框或外边距)
    • height() - 设置或获取元素的高度(不包括内边距、边框或外边距)
    • innerWidth() - 获取元素的宽度(包括内边距)
    • innerHeight() - 获取元素的高度(包括内边距)
    • outerWidth() - 获取元素的宽度(包括内边距和边框)
    • outerHeight() - 获取元素的高度(包括内边距和边框)

    一、jQuery设置或获取元素的宽度width()方法

    //获取元素的宽度
    $("选择器").width()
    //设置元素的宽度
    $("选择器").width('这里填入需要设置的宽度')

    二、jQuery设置或获取元素的高度height()方法

    //获取元素的高度
    $("选择器").height()
    //设置元素的高度
    $("选择器").height('这里填入需要设置的高度')

    三、jQuery获取元素的宽度innerWidth()方法

    //获取元素的宽度
    $("选择器").innerwidth()
    //设置元素的宽度
    $("选择器").innerwidth('这里填入需要设置的宽度')

    四、jQuery获取元素的高度innerheight()方法

    //获取元素的高度
    $("选择器").innerheight()
    //设置元素的高度
    $("选择器").innerheight('这里填入需要设置的高度')

    五、jQuery获取元素的宽度outerWidth()方法

    //获取元素的宽度
    $("选择器").outerrwidth()
    //设置元素的宽度
    $("选择器").outerwidth('这里填入需要设置的宽度')

    六、jQuery获取元素的高度outerheight()方法

    //获取元素的高度
    $("选择器").outerheight()
    //设置元素的高度
    $("选择器").outerheight('这里填入需要设置的高度')

    PS:使用上述jQuery方法是需要特别注意使用场合,这几个方法获取的尺寸都是不一样的,其中:

    宽度从小到大的依次是width()、innerwidth()、outerwidth();

    高度从小到大的依次是height()、innerheight()、heightwidth()。

赞一个(0)     踩一个(0)    

相关链接