jquery基础选择器有几种

184次阅读

共计 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 问一下细节