使用jQuery将类添加到第一个div

Zim*_*m3r 1 html javascript css jquery

如何使用jQuery将类添加到第一个div.

我试过以下代码,但对我不起作用.也许我错过了什么.

<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript"></script>
<script>
$('.item')
    .eq(0).addClass('first').end()
    .eq(-1).addClass('last').end();
</script>
<style type="text/css">
.first, .last{
background-color:#0099FF;
}
</style>
</head>
<body>
<div class="item">aaa</div>
<div class="item">bbb</div>
<div class="item">ccc</div>
<div class="item">ddd</div>
<div class="item">eee</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

编辑:感谢大家,无论如何都要为剩下的DIV添加课程吗?

And*_*ndy 5

尝试

$(document).ready(function() {
  $('.item:first-child').addClass('first');
});
Run Code Online (Sandbox Code Playgroud)


Pet*_*chl 5

您正在准备标记之前执行代码.包装代码

// document ready short-style
$(function() {

});
Run Code Online (Sandbox Code Playgroud)