当前位置:首页>开发>正文

jquery的class选择器和ID选择器的区别是什么 jquery 类选择器和id选择器的区别

2023-05-26 04:53:35 互联网 未知 开发

 jquery的class选择器和ID选择器的区别是什么 jquery 类选择器和id选择器的区别

jquery的class选择器和ID选择器的区别是什么

在html的规范中,id是一个元素在整个源代码中独一无二的属性,而class做为css选择器,是为元素增加样式的手段,那么例如下面的结构:






通过 $(#item1) 取到的就是id=item1的元素,而通过$(.item_style)取到的就是id = item1 和 item2这2个元素的集合,要是item_style的元素只有1个,那么就跟用ID取是一样的。这就是最主要的区别:在元素存在的情况下,id返回一个元素,class返回1个或更多元素。

从性能上来说,id选择要比class选择要更有效率,这也是成为进阶的技能之一,尽量使用id,或者通过$(#id).find(.class)这样的形式来查找,形成习惯后,效率会有一定提升。

jquery 类选择器和id选择器的区别

jQuery的选择器是CSS语法选择器; 已经被ES5纳入了标准。

$(#id) 实际上就是 javascript里的 document.querySelector(#id)

直接使用document.getElementById(id)
要比 doucment.querySelector(#) 效率要高,
因为后者实际上是用正则将你输入的内容匹配然后在查找的,
前者直接查找。

js获取id号和class类名的区别

原生JS通过id和class获取元素是用,document.getElementById(IDname),document.getElementsByClassName(ClassName)

1. 兼容性:ID兼容,class 不兼容IE6,7,2. 数量: 通过ID只能获取一个dom元素,通过class可以获取一组元素。
3. 通用性:ID不能重复,class可以重复,所以class比较好用,这也是jQuery能被广泛应该的原因(选择器好)。

在CSS样式中,ID选择器和CLASS有什么区别

在同一页面内,相同id对象只能出现一次,而相同的class对象却能出现多次,在引用css式样时,id用“#”标记,而class是用“.”标记的。
在script中,只能取得id元素,却不能取得class元素。就这样而已。如下:
在css中:#id{padding:1px}//为id所引用
.class{margin:15px solid #3d3f3e}//为class所引用
而在script中:只有getElementbyId("name")//假设页面中是id是name

最新文章