Jquery选择器(一) -- Basics

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

Js代码

1. $("#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)>
      说明： 返回匹配给定标签名的所有元素。
      

Js代码

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

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

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


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

Js代码

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

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

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

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

Js代码

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

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

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

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

Js代码

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

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

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

Js代码

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

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

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