1. .each() 方法: 遍历元素集合
// 遍历所有段落元素
$('p').each(function(index, element) {
// index: 当前元素的索引
// element: 当前元素
console.log(index, element);
});
2. .find() 方法: 查找子元素
// 查找所有子元素为 <span> 的元素
$('#parentElement').find('span');
3. .children() 方法: 查找直接子元素
// 查找直接子元素为 <li> 的元素
$('#parentElement').children('li');
4. .parent() 方法: 查找父元素
// 查找父元素为 <div> 的元素
$('#childElement').parent('div');
5. .siblings() 方法: 查找同胞元素
// 查找所有同胞元素
$('#targetElement').siblings();
6. .prev() 和 .next() 方法: 查找前一个和后一个元素
// 查找前一个兄弟元素
$('#targetElement').prev();
// 查找后一个兄弟元素
$('#targetElement').next();
7. .filter() 方法: 过滤元素集合
// 过滤类名为 'highlight' 的元素
$('li').filter('.highlight');
8. .not() 方法: 排除元素
// 排除类名为 'exclude' 的元素
$('li').not('.exclude');
9. .first() 和 .last() 方法: 获取第一个和最后一个元素
// 获取第一个 <li> 元素
$('li').first();
// 获取最后一个 <li> 元素
$('li').last();
这些方法使得在文档中定位、选择和操作元素变得更加便捷。你可以根据具体的需求使用这些方法,组合它们以实现复杂的元素操作和选择。
转载请注明出处:http://www.zyzy.cn/article/detail/12900/jQuery