JQ基本选择器

Posted 2020-11-10 nie5135257

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");