Jquery-Dom操作
jquery选择器
id选择器:$(“#bthShow”).css(“color”,”red”),选择id为btnShow的一个元素,(返回值为jquery对象,下同)
类选择器:$(“.liItem”).css((“color”,”red”),选择含有类liItem的所有元素
标签选择器:$(“li”).css(“color”,”red”),选择标签名为li的所有元素。
后代选择器:$(“#j_wrap li”).css(“color”,”red”)选择id为j_wrap的元素的所有后代li
子代选择器:$(“#j_wrap>ul>li”).css(“color”,”red”)选择id为j_wrap的所有子元素ul的所有子元素li
基本过滤选择器
:eq(index) $(“li:eq(2)”).css(“color”, ”red”),选择li元素中索引为2的元素(index从0开始)
:odd $(“li:odd”).css(“color”, ”red”),选择li元素中索引号为基数的所有元素
:even $(“li:odd”).css(“color”, ”red”) 选择li元素索引号为偶数的所有元素
筛选:
find():$(“#j_wrap”).find(“li”).css(“color”, ”red”) 选择id为j_wrap的所有后代元素li
children():$(“#j_wrap”).children(“li”).css(“color”, ”red”) 选择id为j_wrap的所有子代元素ul
siblings() :$(“#j_liItem”).siblings().css(“color”, “red”);选择id为j_liItem的所有兄弟元素
parent() :$(“#j_liItem”).parent(“ul”).css(“color”,
“red”);选择id为j_liItem的父元素ul
$(“#j_liItem”).parent(“ul”).css(“color”,
“red”);