下面就是详细讲解 JQuery 查找 DOM 节点的方法的完整攻略。

JQuery 查找 DOM 节点的方法

JQuery 提供了一些常用的方法来帮助开发者查找和处理 DOM 节点。以下是常见的 JQuery 查找 DOM 节点的方法。

1. 通过 ID 查找节点

可以通过 $('#id') 的方式来查找指定 ID 的节点，例如：

// 查找 ID 为 "myDiv" 的节点
var myDiv = $('#myDiv');

2. 通过 class 查找节点

可以通过 $('.class') 的方式来查找指定 class 的节点，例如：

// 查找 class 为 "myClass" 的节点
var myNodes = $('.myClass');

注意：查找到的节点是一个数组，需遍历处理。

3. 通过标签名查找节点

可以通过 $('tagName') 的方式来查找指定标签名的节点，例如：

// 查找所有的 div 节点
var divs = $('div');

4. 通过属性查找节点

可以通过 $('selector[attrName=attrValue]') 的方式来查找指定属性及其属性值的节点，例如：

// 查找所有 data-id 属性值为 1 的节点
var nodes = $('[data-id="1"]');

5. 通过父子关系查找节点

可以通过 $('parent selector') 的方式来查找指定父元素下的子元素节点，例如：

// 查找 ID 为 "myDiv" 下的所有 span 节点
var spans = $('#myDiv span');

6. 通过兄弟关系查找节点

可以通过 $('prev + next') 的方式来查找指定元素后紧接着的兄弟元素节点，例如：

// 查找 ID 为 "myDiv" 下的相邻的 label 节点
var label = $('#myDiv + label');

7. 通过子元素索引查找节点

可以通过 $('parent > selector:eq(index)') 的方式来查找指定父元素下的子元素索引的节点，例如：

// 查找 ID 为 "myDiv" 下第 2 个 div 节点
var secondDiv = $('#myDiv > div:eq(1)');

以上就是 JQuery 查找 DOM 节点的方法的完整攻略，希望对你有所帮助。