Jquery基础-----【Jquer选择器】

     jQuery的选择器，可分为基本选择器和过滤选择器两类，并且是配合使用的，组合成一个选择器字符串，主要的区别是过滤选择器是指定条件从前面匹配的内容中筛选。过滤选择器也可以单独使用，表示从全部的“*”中筛选。

     1，基本选择器

   （1）CSS选择器

    jQuery借用了一套CSS选择器，共有5种，即标签选择器，ID选择器，类选择器，通用选择器，群组选择器。

    现在假设把所处的环境视为HTML页面的话，环境中的每一个人则相当于HTML页面内的标签元素，每个人都有一个ID（身份证），那么HTML页面中的每一个标签元素也都有自己的ID。ID是不能重复的。

   ~ 标签选择器

      标签选择器（element）用于选择HTML页面中已有的标签元素，又称元素选择器，格式如下：

$("element")

       其中，参数element表示待查找的HTML标记名，如下：

$("div")

       其中，“div”表示HTML页面中已有的标签元素。假如这个HTML页面中的标签元素有“div”,"p","span"等，括号里面也可以是这些元素中的任何一个。

       标签选择器获取元素的方式是高效的，因为它继承自javascript中的getElementByTagName,同样，它所获取的是该元素的整个集合。

        2.ID选择器

       ID选择器（id）用于获取某个具有id属性的元素，语法格式如下：

$("id")

      其中，参数id表示待查找元素的id属性值，应该在其前面加上数字符“#”，它继承自getElementById("")；id在页面中是唯一的，符合CSS标准。

<input id="users" type="text" value="abc" />mine

      要想获取input标记的value值，必须先找到这个元素，这里用ID选择器来查找

$("#users").val();

      也可以将另外一个选择器附加到ID选择器之前：如div#users。在这种情况下jQuery在识别匹配元素之前将执行附加的检查。每个id值只能在文档中使用一次。如果对多个元素分配了相同的id，则使用该id的查询只在DOM中选择第一个匹配元素。

      3，类选择器

      类选择器（class）用于获取某个具体class属性的元素.

$("class")

     其中，参数class指定应用于待选择元素的类名，应在其前面加上点（.），例如，一个带有class属性的input标记，代码如下：

<input id="txt" type="text" class="t" />

　   给这个文本框添加边框样式，首先用class属性值绑定文本框

$(".t").css("border","2px solid blue");

　　4，通用选择器

      通用选择器（*）匹配所有元素，多用于结合上下文来搜索，也就是找到HTML页面中所有的标签。

$("*")

　　用通配符“*”就可以找到所有的元素，以便于将这些元素进行样式的统一，如字体统一，颜色统一。

<input id="Radio1' type="radio" />单选框
<input  id="Text1" type="text" />文本框

$("*").css("color","red");

　　5，群组选择器

      群组选择器又叫多元素选择器，用于选择所有指定的选择器组合的结果

$("selector1,selector2,.......,selectorn")

　　其中，seletor1,selector2和selectorn均为有效额任意选择器。根据需要，可以指定任意多个选择器，并将匹配到的元素合并到一个结果内。多元素选择器是选择不同元素的有效方法。在所返回的jQuery对象中，DOM元素的顺序可能有所不同，因为它们是按文档顺序排序的。