Jquery选择器(一) -- Basics

基本选择器
[1]  #id      Returns: Array<Element>
      说明： 返回匹配一个指定id的元素。如果id中包含句点，冒号等符号，则需要用反斜杠(\)来转义。
     

$("#myID\\.entry\\[1\\]").css("border","3px solid red");

$("#myID\\.entry\\[1\\]").css("border","3px solid red");

     id： String--一个元素的id属性。


[2]  element      Returns: Array<Element(s)>
      说明： 返回匹配给定标签名的所有元素。
      

$("div").css("border","9px solid red");

$("div").css("border","9px solid red");

      element： String--DOM节点的标签名。


[3]  .class      Returns: Array<Element(s)>
      说明： 返回匹配给定css类名的所有元素。
      

$(".myClass").css("border","3px solid red");

$(".myClass").css("border","3px solid red");

      class： String--要查找的类名。一个元素可能含有多个类名，其中之一匹配即可。

[4]  .class.class      Returns: Array<Element(s)>
      说明： 返回匹配给定css类名组合的所有元素。
      

$(".myClass").css("border","3px solid red");

$(".myClass").css("border","3px solid red");

      class： String--要查找的类名。一个元素可能含有多个类名，其中之一匹配即可。

[5]  *      Returns: Array<Element(s)>
      说明： 返回所有元素。
      

$("*").css("border","3px solid red");

$("*").css("border","3px solid red");

[6]  selector1, selector2, selectorN       Returns: Array<Element(s)>
      说明： 返回匹配各选择器所指定的所有元素。
      

$("div,span,p.myClass").css("border","3px solid red");

$("div,span,p.myClass").css("border","3px solid red");

      selector1, selector2, selectorN ： Selector--各有效的选择器。