jQuery基础的关系配对

网页加载时：

$(document).ready(function(){ 

});

 

选择器	语法
所有	$("*")
ID	$("#ID");
Class	$("#Class");
多个	$("div,span,p")
祖先	.parents();
祖父	.closest();
父级	.parent();
子级	.children();
子级	.find();
所有子级	$("div > span")=$(父 > 子);
所有子孙	$("div span")=$(父 子或孙);
兄弟姐妹	.siblings();
亲弟	$("prev + next")=$("哥 + 弟");
亲弟	或 $("prev").next("next")
所有弟弟	$("prev ~ next")=$("哥 ~ 弟");
所有弟弟	或 $("prev").nextAll("next")
第一个	$("div:first")
最后一个	$("div:last")
偶数	$("div:even")
奇数	$("div:odd")
等于 = 3	$("div:eq(3)")
小于 > 3	$("div:gt(3)")
大于 < 3	$("div:lt(3)")
<h1>...</h7>	$(":header")
正在执行任务	$(":animated")
当前获取焦点	$(":focus")
不为cao	$("div:not(.cao)")
查找有叫"cao"	$("div:contains('cao')")
查儿子叫"cao"	$("div:has('.cao')")
查找有子级	$("div:parent")
查找没子级	$("div:empty")

 

处理	语法
添加样式	.addClass("样式名");
删除样式	.removeClass("样式名");
CSS	.css("background","颜色");  .css({"color":"white","padding":"5px"});

转载于:https://my.oschina.net/u/3939561/blog/1923827