JQ基本选择器

时间:2022-06-05 12:52:29

JQ选择器采用CSS和Xpath选择器语法规范,满足用户在DOM中快速匹配元素或元素集合。

1、JQ支持CSS1、CSS2、CSS3、不同版本的所有选择器,而早期的很多浏览器并没有完全支持CSS3版本的选择器。

2、JQ支持不同的主流浏览器,因此使用JQ选择文档的时候就不用考虑浏览器的兼容问题了。

JQ基本选择器包含的有:

1、id选择器(#id)。

2、类型选择器(element)。

3、类选择器(.class)。

4、通配选择器(*)。

5、分组选择器(selector1、selector2、selector3)。

JavaScript原生id选择器(#id):var x=document.getEementById("id名称");

JQ中id选择器:$:("#id名称");

JavaScript原生类型选择器(element):var x=document.getEementsByTagName("标签名称");

JQ中id选择器:$:("标签名称");

JavaScript原生类选择器(.class):var x=document.getEementsByClassName("标签名称");

JQ中id选择器:$:(".类名称");

JavaScript原生通配选择器(*):var x=document.getEementsByTagName(" * ");

JQ中通配选择器(*):$:(" * ");

JQ中分组选择器(selector1、selector2、selector3):$:(" selector1,selector2,selector3,...selectorN");