jQuery选择器汇总 管理 帖子编辑

在jQuery选择器之前：CSS选择器
1、 标签选择器
td{
font-size:14px;
width:120px;
}
a{
text-decoration:none;
}
2、 ID选择器
#btShow
{
width:120px;
}
3、 类选择器
div.divMain{
font-size:14px;
}
4、 群组选择器
td,p,div.a{
font-size:14px;
}
5、 后代选择器
#form1 a{
 //表示#form1的任意后代元素a
}
6、 通配选择符
*{
  //表示以围挡的所有元素都作为选择符
  font-size:14px;
}

需要注意的是，jQuery选择器获取的永远是对象，即使网页上没有此元素。
所以当用jQuery判断网页上是否存在某个元素的时候，不能使用
if($(“#div1”))
{
   //Code.
}
而应该根据获取到元素的长度来判断
if($(“#div1”).length > 0)
{
  //Code.
}
或者转化成DOM对象
if($(“#div1”)[0])
{
   //Code.
}
个人认为第二种获取长度的方法很巧妙。

jQuery最强大的地方：jQuery选择器
小知识点：<p>测试1</p>；如果要输出“测试1”，可以调用其innerText属性：
alert(this.innerText);
基本选择器

 PS：next()方法可以代替第三个，nextAll()方法可以代替第四个。

转载于:https://www.cnblogs.com/zhuling/archive/2012/05/19/2508767.html