共计 1458 个字符，预计需要花费 4 分钟才能阅读完成。
自动写代码机器人，免费开通
这篇文章将为大家详细讲解有关 jquery 基础选择器有几种，丸趣 TV 小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
基础选择器是 jQuery 中最常用选择器，也是最简单的选择器，它通过元素 id、class 和标签名等来查找 DOM 元素。
id 选择器
id 选择器 $(‘#id’) 通过给定的 id 匹配一个元素，返回单个元素
p id= test 测试元素 /p script // 选择 id 为 test 的元素并设置其字体颜色为红色 $(#test).css(color , red /script对应 DOM 的 getElementById() 方法，而 jQuery 内部也使用该方法来处理 ID 的获取
document.getElementById(test).style.color = red 元素选择器
元素选择器 $(‘element’) 根据给定的元素名匹配元素，并返回符合条件的集合元素
p 1 /p
p 2 /p
script // 选择标签名为 p 的元素并设置其字体颜色为红色 $(p).css( color , red
/script对应 DOM 的 getElementsByTagName() 方法，而 jQuery 内部也使用该方法来处理元素名的获取
Array.prototype.forEach.call(document.getElementsByTagName( p),function(item,index,arr){ item.style.color = red}); 类选择器
类选择器 $(‘.class’) 根据给定的类名匹配元素，并返回符合条件的集合元素
p > 对应 DOM 的 getElementsByClassName() 方法，而 jQuery 内部也使用该方法来处理类名的获取
Array.prototype.forEach.call(document.getElementsByClassName( test),function(item,index,arr){ item.style.color = red}); 通配选择器
通配选择器 $(‘*’) 匹配文档中所有的元素，并返回集合元素
$(*).css(margin , 0对应 DOM 的 document.all 集合
Array.prototype.forEach.call(document.all,function(item,index,arr){ item.style.margin = 0;});或者参数为通配符 * 的 getElementsByTagName() 方法
Array.prototype.forEach.call(document.getElementsByTagName( *),function(item,index,arr){ item.style.margin = 0;}); 群组选择器
群组选择器 $(‘selector1,selector2,…’) 将每一个选择器匹配到的元素合并后一起，并返回集合元素
p > 对应 DOM 的 querySelectorAll() 选择器
Array.prototype.forEach.call(document.querySelectorAll( .a,#b,a),function(item,index,arr){ item.style.color = red});关于“jquery 基础选择器有几种”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
向 AI 问一下细节
