jQuery-个人学习记录(2)

来源:互联网 发布:申报数据库免费吗 编辑:程序博客网 时间:2024/05/18 09:00

—-学习于黑马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、属性选择器