位置选择器
选择到第一个标签$("选择器:first") 例:$(".div:first")
找到最后一个div$("选择器:last") 例:$(".div:last")
选择索引值为偶数的标签,从 0 开始计数$("选择器:even") 例:$(".div:even")
选择索引值为奇数的元素,从 0 开始计数$("选择器:odd") 例:$(".div:odd")
选择单个索引值$("选择器:eq(索引值)") 例:$(".test:eq(2)")
选择大于指定索引值的所有标签$("选择器:gt(索引值)") 例:$(".test:gt(3)")
选择小于指定索引值的所有标签$("选择器:lt(索引值)") 例:$(".test:lt(3)")
后代选择器:$("选择器 选择器中的标签")例:$("#test li")
子代选择器:$("选择器>选择器中的标签") 例:$("#test>li")
并集选择器 $(“标签,标签,标签”) 例:$(“div,p,li”)
交集选择器 $(“标签/选择器”) 例:$(“div.redClass”)
:selected 过滤选择器 从表单中找到选择的元素,
例:$("#city>option:selected").appendTo($("#tar"));
jQuery对象
利用jQuery选择器获取到的对象 $(dom对象)
特点:只能调用jQuery的方法或属性,不能调用原生dom对象的属性或方法
jQuery对象一般在变量名前加一个$符便于区分 例: var $div = $('#test
jQuery对象是一个伪数组,他有索引有length1')
jQuery对象其实就是dom对象的一个包装集
dom对象转化为jQuery对象
例:var div1 = document.getElementById("one");
var $div1 = $(div1);
jQuery对象转化为dom对象
方法一:使用下标取出来,
例:var $divs = $('div');
var div1 = $divs[0];
方法二:使用jQuery的方法 get();
例:var div2 = $divs.get(1);