jQuery如何获取dom
时间: 2023-11-16 21:12:04 浏览: 46
使用jQuery获取DOM非常简单,可以使用以下方法:
1. 通过元素ID获取DOM对象:
```javascript
var domObj = $('#elementID')[0];
```
2. 通过元素名称获取DOM对象:
```javascript
var domObj = $('elementName')[0];
```
3. 通过类名获取DOM对象:
```javascript
var domObj = $('.className')[0];
```
4. 通过属性获取DOM对象:
```javascript
var domObj = $('[attributeName=attributeValue]')[0];
```
5. 通过选择器获取DOM对象:
```javascript
var domObj = $(selector)[0];
```
其中,如果需要获取一组DOM对象,可以省略索引值,如:
```javascript
var domObjList = $('.className');
```
相关问题
jquery获取dom属性方法
要获取 DOM 元素的属性,可以使用 jQuery 的 attr() 方法。这个方法可以获取指定元素的指定属性的值。例如,要获取 id 为 myElement 的元素的 title 属性值,可以这样写:
```javascript
var title = $('#myElement').attr('title');
```
如果要获取 DOM 元素的其他属性,只需要将属性名替换为相应的属性名即可。例如,要获取元素的 class 属性值,可以这样写:
```javascript
var className = $('#myElement').attr('class');
```
注意,如果要获取元素的样式属性值,应该使用 jQuery 的 css() 方法,而不是 attr() 方法。
jquery获取dom元素没有getBoundingClientRect
可以使用jQuery的offset()方法获取元素的位置信息,该方法返回一个包含top和left属性的对象。如果需要获取元素的大小信息,可以使用width()和height()方法。
示例代码:
```javascript
var $elem = $('#my-elem');
var offset = $elem.offset();
var width = $elem.width();
var height = $elem.height();
```