jQuery学习笔记第二章

$(“span,#two”).css(“background”,”red”);//选取span和id为two的元素
$(“body>div”).css(“background”,”red”);//选取body的子元素div(div如果还有div则不会

$(“span,#two”).css(“background”,”red”);//选取span和id为two的元素
$(“body>div”).css(“background”,”red”);//选取body的子元素div(div如果还有div则不会被选取)
$(“body div”).css(“background”,”red”);//选取body里面所有的div
$(“#test~div”).css(“background”,”yellow”);//选取id为test的元素后面的的同辈div元素(同辈的div如果还有子div则不会被选中)
$(“#test+div”).css(“background”,”yellow”);//选取id为test的元素的下一个同辈div元素同辈的div如果还有子div则不会被选中)
$(“div:contains(‘mini’)”).css(“background”,”yellow”);//选取有文本内容为mini的div元素(如果div为内层元素则外部div也会被选择)
$(“div[id]”).css(“background”, “yellow”);//选取有属性id的div
$(“div[id=one]”).css(“background”, “yellow”);//选取id=one的div(=可以换成!=,^=,$=等等)
$(“div.one :nth-child(2)”).css(“background”,”yellow”);//选取class为one的div元素的第二个子元素
$(“#form1 input:disabled”).css(“background”,”yellow”);//选取id为form1的表单的disabled的input
$(“#form1 input:enabled”).css(“background”,”green”);//选取id为form1的表单的enabled的input