jquery获取节点
获取单个节点
使用$()选择器可以直接获取单个节点。例如通过ID选择器获取元素:
var element = $('#elementId');
通过类选择器获取第一个匹配元素:
var firstElement = $('.className').first();
获取多个节点
类选择器可以获取所有匹配元素:
var allElements = $('.className');
标签选择器获取特定标签元素:
var divs = $('div');
层级选择器
后代选择器获取嵌套元素:
var nestedElements = $('#parentId .childClass');
子元素选择器获取直接子节点:
var directChildren = $('#parentId > .childClass');
属性选择器
通过属性值选择元素:
var links = $('a[href="https://example.com"]');
属性包含特定值的元素:

var partialMatch = $('input[name*="search"]');
过滤选择器
:first获取第一个匹配元素:
var firstItem = $('li:first');
:last获取最后一个匹配元素:
var lastItem = $('li:last');
:even和:odd选择奇偶位置元素:
var evenRows = $('tr:even');
var oddRows = $('tr:odd');
表单选择器
获取所有输入框:
var inputs = $(':input');
获取选中的复选框:

var checkedBoxes = $('input:checked');
遍历DOM
find()方法查找后代元素:
var childElements = $('#parent').find('.child');
children()获取直接子元素:
var immediateChildren = $('#parent').children();
parent()获取父元素:
var parentElement = $('.child').parent();
链式操作
多个选择器可以链式调用:
var elements = $('ul').find('li').filter(':even');
动态添加的元素
对于动态添加的元素,需要使用事件委托:
$(document).on('click', '.dynamicElement', function() {
// 处理逻辑
});






