js、jquery获取元素方法总结

这篇文章距离上次修改已过261天，其中的内容可能已经有所变动。

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

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

或者使用jQuery：

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

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

或者使用jQuery：

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

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

或者使用jQuery：

var $elements = $('tagName');

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

或者使用jQuery：

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

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

或者使用jQuery：

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

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

或者使用jQuery：

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

var child = parentElement.children[0];

或者使用jQuery：

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

var parent = childElement.parentNode;

或者使用jQuery：

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

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

或者使用jQuery：

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

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

或者使用jQuery：

var $allElements = $('*');

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