js、jquery获取元素方法总结

在JavaScript和jQuery中，获取DOM元素可以通过多种方法实现。以下是一些常用的方法：

1. 通过ID获取元素：

var element = document.getElementById('elementId');

或者使用jQuery：

var $element = $('#elementId');

2. 通过类名获取元素：

var elements = document.getElementsByClassName('className');

或者使用jQuery：

var $elements = $('.className');

3. 通过标签名获取元素：

var elements = document.getElementsByTagName('tagName');

或者使用jQuery：

var $elements = $('tagName');

4. 通过CSS选择器获取元素：

var elements = document.querySelectorAll('.className');

或者使用jQuery：

var $elements = $('.className');

5. 通过特定属性获取元素：

var elements = document.querySelectorAll('[attributeName="value"]');

或者使用jQuery：

var $elements = $('[attributeName="value"]');

6. 直接获取body和html元素：

var body = document.body;
var html = document.documentElement;

或者使用jQuery：

var $body = $('body');
var $html = $('html');

7. 通过子元素获取：

var child = parentElement.children[0];

或者使用jQuery：

var $child = $('#parentElementId').children();

8. 通过父元素获取：

var parent = childElement.parentNode;

或者使用jQuery：

var $parent = $('#childElementId').parent();

9. 通过兄弟元素获取：

var nextSibling = element.nextElementSibling;
var previousSibling = element.previousElementSibling;

或者使用jQuery：

var $nextSibling = $('#elementId').next();
var $previousSibling = $('#elementId').prev();

10. 通过选择文档中的所有元素：

var allElements = document.getElementsByTagName('*');

或者使用jQuery：

var $allElements = $('*');

以上方法可以获取页面中的元素，并可以通过jQuery提供的丰富API进行进一步的操作，如事件绑定、样式修改、内容修改等。