<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-2.2.3.min.js" type="text/javascript"></script> <style> #div1{ width:200px; height: 200px; } </style> </head> <body> <div id="div1" class="box"></div> <ul> <li title="hello"></li> <li class="box"></li> <li class="box"></li> <li></li> <li title="hello"></li> </ul> <script> //选择属性操作的三种方法 /* $('#div1').css('background','red');*/ $('div').css('background','yellow'); /* $('.box').css('background','blue');*/ //以li为例的几种方法帅选方法 //$('li').css('background','red');//所有的li //$('li:first').css('background','red');//第一个li //$('li:last').css('background','red');//最后一个li //$('li:eq(2)').css('background','red');//eq相当于给li从0编号 //$('li:odd').css('background','red');//odd奇数 //$('li:even').css('background','red');//偶数行 //过滤选择filter //$('li').filter('.box').css('background','red'); $('li').filter('[title=hello]').css('background','red'); </script> </body> </html>