<!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>