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