jquery基本选择器

Posted 2020-08-04

 

*:（通配选择器）除非被它自己使用，否则 * 选择器或通用选择器，其速度是极其慢的。

eg:

$("*").css("border","3px solid red") 将页面中所有元素都加上边线。

     $("#wrap2").find("*").css("border","3px solid red");  使用通配，匹配某个标签中的所有元素，将元素添加边框样式

 

class: 一个用来查找的类名。一个元素可以有多个类；其中只有一个必须匹配。

eg:

$(".content1").css("border","3px solid red");
$(".content2").css("border","1px solid blue");

 

element: 一个用来搜索的元素。 指DOM节点的标签名

eg:

$("div").css("border","2px solid green");

 

id: 一个用来查找的ID，即元素的id属性

eg:

$("#borderstyle").css("color","pink");  设置字体颜色，当有两个相同的ID时匹配第一个元素

 

任何元素匹配选择器：  将每一个选择器匹配到的元素合并后一起返回。

eg:

$("p,.content2,#borderstyle").css("border","1px solid orange");