jQuery基础

jQuery:它是一个轻量级的javascript类库，就一个类‘jQuery’，简写‘$’。

---

jQuery 优点：

    (1)兼容浏览器
    (2)总是面向集合
    (3)多行操作集于一行

---

操作步骤：

   (1)导入js类库
   (2)jQuery程序入口 
      $(document).ready(fn);
      $(fn);

---

jQuery三种工厂方法
   工厂方法：实例化jQuery对象
 

---

1)jQuery(selector[,context])语法

jquery选择器，作用：找对象

    元素选择器            $("a")
    类选择器：.            $(".a1")
    ID选择器：#            $("#a2")
    属性选择器：[]            $("input[name='btn']")

   匹配选择器：:eq(index)        $("tr:eq(1)")    选择tr标签中下标为1的对象

2)jQuery(html)
      html：基于html的一个字符串。

案例：

<select id="s1">
        <option>--请选择--</option>
    </select>
    <input name=”btn1” type=”button” value=”添加” />

    <script>
        ...
        $("input[name=’btn1’]").click(function(){
            //将HTML文本追加到ID="s1"的对象中
            $("<option>value</option>").appendTo("#s1");
            //在ID="s1"的对象中追加HTML文本
            $("#s1").append("<option>value2</option>");
        });
    </script>

3）jQuery(element)
      element：js对象，表示一个html元素。
      案例：$("a")    $("td")

---

jQuery属性写法

    (1)无参数：    $("p").text();
    (2)参数val：    $("p").text("Hello world!");
    (3)回调函数：    $("p").text(function(n){
                    return "这个 p 元素的 index 是：" + n;
            });

jQuery常用属性：jQuery-api-1.7.1.chm

---

   jQuery事件写法：
    $("p").click(function(){
        $(this).hide();
    });
 

---

console对象
   console.log("文字");  输出普通信息
   console.dir();  显示一个对象所有的属性和方法
   console.dirxml(); 显示网页的某个节点(node)所包含的html/xml代码