码迷,mamicode.com
首页 > Web开发 > 详细

jquery基本选择器

时间:2016-08-27 09:56:59      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:

 

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

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

jquery基本选择器

标签:

原文地址:http://www.cnblogs.com/ranyinchun/p/5812332.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!