基本选择器,层次选择器

来源:互联网 发布:金山打字mac 编辑:程序博客网 时间:2024/04/29 19:28
1.jQuery对象就是通过jQuery包装DOM对象后产生的对象
2.document.getElementById("test").html等价于$("#test").html()
3.jQuery无法使用DOM对象的任何方法
4.DOM对象转为jQuery对象:将DOM用$('DOM对象')
5.<input type="test" value="zhang" id="username" name="username"/>
var $username=$("#username")//jQuery 对象
var username=$username[0]//DOM对象(获得DOM对象方法1,jQuery对象本身是一个数组)
var usernameElement=$username.get(0);//DOM对象(获得DOM对象方法2)
6.css中用点"."定义的样式,在html中用class引入,"#"定义的样式用id引入
7.基本选择器
"#id":返回当个元素组成的集合,选择html中id定义元素
"Element":返回值集合元素,选择html定义的标签元素
".class":返回值集合元素,选择html中class定义的元素
"*":返回所有元素,多用于结合上下文来搜索
"selector1,selector2,selectorN":返回值结合元素(这是一个求并集的过程)
8.层次选择器
(1)ancestor descendant:在给定的祖先元素下匹配所有后代元素
(2)parent>child:在给定父元素下匹配所有子元素(直接子元素),注意区分好后代元素与子元素
(3)prev+next:匹配所有紧接在(在html位置上)prev元素后的next元素
(4)prev~siblings:返回元素后的兄弟元素,不包括该元素本身
(5)所有兄弟元素:siblings()
0 0
原创粉丝点击