Jquery 获取元素的方法
warning:
这篇文章距离上次修改已过446天,其中的内容可能已经有所变动。
在jQuery中,获取元素的方法主要有以下几种:
$(selector):通过选择器获取元素,返回一个jQuery对象。
$('#elementId'); // 获取ID为elementId的元素
$('.className'); // 获取class为className的所有元素
$('p'); // 获取所有的p标签元素.find(selector):在当前jQuery对象集合中查找所有匹配选择器的元素。
$('div').find('.className'); // 在div中查找class为className的元素.children(selector):获取当前元素集合中每个元素的直接子元素,可以传入选择器过滤。
$('div').children('.className'); // 获取div的所有class为className的直接子元素.parent(selector):获取当前元素集合中每个元素的父元素,可以传入选择器过滤。
$('.className').parent('div'); // 获取class为className的元素的父div.parents(selector):获取当前元素集合中每个元素向上的所有父元素,可以传入选择器过滤。
$('.className').parents('div'); // 获取class为className的元素所有的父div.siblings(selector):获取当前元素集合中每个元素的同级兄弟元素,可以传入选择器过滤。
$('.className').siblings('p'); // 获取class为className的元素的所有同级p元素.eq(index):获取当前jQuery对象集合中指定索引的元素。
$('p').eq(0); // 获取第一个p元素.first():获取当前jQuery对象集合中的第一个元素。
$('p').first(); // 获取第一个p元素.last():获取当前jQuery对象集合中的最后一个元素。
$('p').last(); // 获取最后一个p元素.filter(selector):筛选出当前jQuery对象集合中匹配选择器的元素。
$('p').filter('.className'); // 获取class为className的p元素.not(selector):从当前jQuery对象集合中移除匹配选择器的元素。
$('p').not('.className'); // 获取不含class为className的所有p元素.add(selector):将选择器匹配的元素添加到当前jQuery对象集合中。
$('p').add('.className'); // 获取所有p元素和class为className的元素这些方法可以灵活组合使用,以便获取到你需要的特定元素。
评论已关闭