2016-08-20 30 views

回答

-1

jQuery(document).ready(function($){ 
 
    $('.button').click(function(){ 
 
    $('ul li:nth-child(3)').addClass('red'); 
 
    }); 
 
});
.red{ 
 
background:red; 
 
}
<!DOCTYPE html> 
 
<html lang=""> 
 
\t <head> 
 

 
\t \t <link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css"> 
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
 
\t </head> 
 
\t <body> 
 
\t \t <ul> 
 
    <li>item1</li> 
 
    <li>item2</li> 
 
    <li>item3</li> 
 
    <li>item4</li> 
 
</ul> 
 
<a href="#" class="button">Select</a> 
 

 
\t \t <!-- jQuery --> 
 

 

 
\t </body> 
 
</html>

+0

希望你的答案得到了 –

+0

有一点解释会有帮助。什么是问题,你的代码如何解决它? – showdev

+0

你没有写过“jQuery(document).ready(function($){”,所以如果你想使用jQuery库,你需要写这个。 –

相关问题