jQuery—选择器—语法—函数

一、jQuery选择器

       jQuery 元素选择器
       jQuery 使用 CSS 选择器来选取 HTML 元素。

       $("p") 选取 <p> 元素。

       $("p.intro") 选取所有 class="intro" 的 <p> 元素。

       $("#demo") 选取所有 id="demo" 的 元素。

       $(this)选取当前的html元素（关于this与$(this）的区别下面会讲）

二、jQuery语法
      基础语法是：$(selector).action()

     美元符号定义 jQuery
     选择符（selector）“查询”和“查找” HTML 元素
     jQuery 的 action() 执行对元素的操作
示例：

$(this).hide() - 隐藏当前元素

$("p").hide() - 隐藏所有段落

$(".test").hide() - 隐藏所有 class="test" 的所有元素

$("#test").hide() - 隐藏所有 id="test" 的元素

三、JQuery this和$(this)的区别

      JQuery中的  $()  这个符号，实际上这个符号在JQuery中相当于JQuery（）,即$(this)=jquery();也就是说，这样可以返回一个jquery对象。那么，当你在网页中alert($('#id'));时，会弹出一个[object Object ]，这个object对象，也就是jquery对象了。

四、jQuery隐藏和显示
   语法：

               $(selector).hide(speed,callback);
 
               $(selector).show(speed,callback);

五、jQuery获取以及设置值
      三个简单实用的用于 DOM 操作的 jQuery 方法：

          获取值： 

               text() - 设置或返回所选元素的文本内容
               html() - 设置或返回所选元素的内容（包括 HTML 标记）
               val() - 设置或返回表单字段的值
              $("#btn1").click(function(){
              alert("Text: " + $("#test").text());
                  });
             $("#btn2").click(function(){
            alert("HTML: " + $("#test").html());
               });
           $("#btn3").click(function(){
          alert("Value: " + $("#test").val());
            });
设置值：

            $("#btn1").click(function(){
                      $("#test1").text("Hello world!");
            });
           $("#btn2").click(function(){
                     $("#test2").html("<b>Hello world!</b>");
           });
           $("#btn3").click(function(){
                    $("#test3").val("Dolly Duck");
          });
 六、jQuery遍历 
         jQuery parent() 方法：

        parent() 方法返回被选元素的直接父元素。

         jQuery children() 方法

        children() 方法返回被选元素的所有直接子元素。

        jQuery find() 方法

        find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。

八、jQuery DOM 元素方法
      .get() 获得由选择器指定的 DOM 元素。
      .index() 返回指定元素相对于其他指定元素的 index 位置。
      .size() 返回被 jQuery 选择器匹配的元素的数量。
      .toArray() 以数组的形式返回 jQuery 选择器匹配的元素。