jquery选择器的使用

jQuery的工厂函数
jQuery的工厂函数为“ $”,在jQuery中，无论使用那一种类型的选择符都需要从一个“$”符号和“0 ”开始。
在参数中使用标记名。

  $(:"div"): 用于获取文档中全部的<div>

在参数总使用ID

$("#username"):用于获取文档中ID属性值为username的一个元素。

在参数中使用css类名

$（“。bin_grey”）:用于获取文档中使用css类名为btn_grey的所有元素。

jQuery选择器的优势
1、代码更简单
2、支持css1到css3选择器
3、完善的检测机制

<div>测试这个页面<div>
<script type="text/javascript">
 alert($("#mr").val());    //无需判断$（“#mr”）是否存在。
 </script>

不存在的元素不会出现报错。
3.4.1ID选择器（#id）
ID选择器的使用方法如下：

   $("#id")

通过id属性值来寻找

<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>

jquery代码

<input type="text" id="testInput" name="test" value="" />
  <input type="button" value="输入的值为" />
  <script>
   $(document).ready(function(){
    $("input[type='button']").click(function(){  //为按钮绑定单击事件
     var inputValue=$("#testInput").val();  //获取文本输入框的值
     alert(inputValue);
    });
   });
  </script>
``

元素选择器（element）
元素选择器是根据元素名称匹配相应的元素。通俗地讲元素选择器指向的是DOM元素的标记名，也就是说元素选择器是根据元素的标记名选择的。通过元素选择器匹配到的元素是可能有多个的，也可能只有一个。多数情况下，元素选择器匹配的是一组元素。

元素选择器的使用方法

$(".class");

【例】在页面中，首先添加两个

标记，并为其中的一个设置CSS类，然后通过jQuery的类名选择器选取设置了CSS类的

标记，并设置其CSS样式

<div class="myClass">注意观察我的样式</div>
  <div>我的样式是默认的</div>
  <script>
   $(document).ready(function(){
    var myClass=$(".myClass");     //选取DOM元素
    myClass.css("backgound-color","#C50210"); //为选取的DOM元素设置背景颜色
    myClass.css("color","#FFF");    //为选取的DOM元素设置文字颜色
   });
  </script>