详细讲解jQuery中height()方法用法

时间:2020-11-11 13:30:54 jQuery Mobile 我要投稿

详细讲解jQuery中height()方法用法

  本文实例讲述了jQuery中height()方法用法。分享给大家供大家参考。具体分析如下:

  此方法可以获取或者设置匹配元素的.高度值,默认单位是px。

  语法结构一:

  复制代码 代码如下:$(selector).height()

  不带参数的时候是返回第一个匹配元素的当前高度。

  实例代码:

  复制代码 代码如下:

  div{

  height:150px;

  width:150px;

  background-color:green;

  margin-top:10px;

  }

  $(document).ready(function(){

  alert($("div").height());

  })

  语法结构二:

  复制代码 代码如下:$(selector).height(val)

  带参数的时候是设置所有匹配元素的高度,默认单位是px,当然也可以使用其他的单位如em或者百分比等等。

  实例代码:

  复制代码 代码如下:

  div{

  height:150px;

  width:150px;

  background-color:green;

  margin-top:10px;

  }

  $(document).ready(function(){

  $("button").click(function(){

  $("div").height("200px")

  })

  })

  希望本文所述对大家的jQuery程序设计有所帮助。

【详细讲解jQuery中height()方法用法】相关文章:

1.jQuery中replaceAll()方法用法

2.jQuery中trigger方法用法

3.jQuery中prev()方法用法

4.jQuery中nextAll()方法用法欣赏

5.JQuery中Text方法用法实例分析

6.jquery获取css中的选择器用法实例讲解

7.jQuery中delegate()实例用法

8.关于jQuery trigger()方法用法介绍