jQuery-个人学习记录（2）

—-学习于黑马14年9月-15年2月JAVAEE视频教程—

jQuery API：

---

<input type="text" name="username" id="username">

<script>
winows.onload = function(){
    /**
        JQuery对象是数组对象
        JQuery对象不可能为null，如果得不到值，那么数组大小为0
    */
    var domobj = document.getElementById("username"); //dom对象。注：这里如果id不存在，则获取不到dom对象，即为null
    var jQueryobj = ${domobj}; //dom对象转换为JQuery对象
    var domobj2 = jQueryobj[0]; //jQuery对象转为dom对象
    var domobj3 = jQueryobj.get(0); //dom对象
    //测试dom对象
    alert(domobj2.getAttribute("name"));
    alert(domobj3.getAttribute("name"));
}
</script>

想一想，不可能每次想要获得jQuery对象需要先获得dom对象再包装为jQuery对象。所以jQuery提供了大量的选择器让我们获得节点，大概50多个吧?。选择器的就是让我们获得到 jQuery 对象。

---

1、基本选择器

获得 id 选择器：$("#b1")

$("#b1").click(function(){
    $("#b").css("background", "#f00");
});

获得 标签选择器：$("div") 是个数组

获得 class 类选择器：$(".mini")

获得span元素和id为b3节点：$("span, #b3, .mini")

2、层次选择器
含有属性title的div元素：$("div[title]")

3、过滤选择器

4、 内容选择器

5、 可见性选择器

6、属性选择器