jquery获取div宽高去掉px

在网页设计中，我们经常需要获取元素的尺寸信息，比如一个`div`的宽度和高度，jQuery是一个非常流行的JavaScript库，它提供了简洁的API来帮助我们完成这项任务，当我们使用jQuery获取元素的宽高时，默认返回的值是带有单位（通常是像素`px`）的字符串，我们可能需要去掉这个单位，只保留数值部分，下面，我将详细解释如何使用jQuery来获取一个`div`的宽度和高度，并去掉单位`px`。

我们要了解jQuery中获取宽高的基本方法，在jQuery中，我们可以通过`.width()`和`.height()`方法来获取元素的宽度和高度，如果我们有一个`div`元素，其ID为`myDiv`，我们可以通过以下代码来获取它的宽度和高度：

```javascript

var width = $('#myDiv').width();

var height = $('#myDiv').height();

```

这里的`width`和`height`变量将会存储`div`的宽度和高度，但是它们是包含单位`px`的字符串，如果`div`的宽度是100像素，`width`变量的值将会是`"100px"`。

要去掉这个单位`px`，我们可以使用JavaScript的字符串操作功能，我们可以使用`String.prototype.replace()`方法或者`String.prototype.slice()`方法来实现，以下是两种方法的示例：

### 方法一：使用`replace()`方法

`replace()`方法允许我们用一个新的字符串替换字符串中的某个子串，在这个例子中，我们可以将`px`替换为空字符串，这样就可以去掉单位了。

```javascript

var width = $('#myDiv').width().replace('px', '');

var height = $('#myDiv').height().replace('px', '');

```

这段代码将会把`width`和`height`变量中的`px`替换成空字符串，从而只保留数值部分。

### 方法二：使用`slice()`方法

`slice()`方法可以从字符串中提取一个子串，如果我们想要去掉字符串末尾的`px`，我们可以提取从字符串开始到倒数第二个字符的子串。

```javascript

var width = $('#myDiv').width().slice(0, -2);

var height = $('#myDiv').height().slice(0, -2);

```

这里，`slice(0, -2)`表示从字符串的开始提取到倒数第二个字符之前的所有字符，从而去掉了`px`。

### 应用实例

假设我们有一个网页，上面有一个`div`元素，我们想要动态地获取并显示这个`div`的宽度和高度，我们可以编写以下HTML和JavaScript代码：

```html

```

在这个例子中，我们首先通过jQuery的`.ready()`方法确保DOM完全加载后再执行脚本，我们获取`div`的宽度和高度，并去掉`px`单位，我们将这些值显示在页面上。

通过上述方法，我们可以轻松地获取并处理`div`的宽度和高度信息，无论是在开发过程中进行调试，还是在实际应用中根据元素尺寸动态调整布局，都是非常有用的技能，希望这篇文章能帮助你更好地理解和使用jQuery来处理元素尺寸的问题。