$(this)和this、index() 、.hover()

1.$(this)和this

$(this)是jQuery对象，可以使用jQuery的方法，如：click()，keyup()...

$(document).ready(function() {
$("#orderedlist li:last").hover(function() {
$(this).addClass("green");
},function(){

$(this).removeClass("green"); # $(this)
});
});

this是html元素对象，能调用元素属性， 如：this.id this.value...

$(document).ready(function() {
// use this to reset several forms at once
$("#reset").click(function() {
$("form").each(function() {
this.reset(); # this
});
});
});

2.jQuery DOM 元素方法 - index()方法：返回指定元素的引索,.hover(function(){},function(){}),鼠标移入、移除

<script type="text/javascript">
$("li:eq(0),li:eq(1),li:eq(5)").addClass("container_more");
$("li:eq(2),li:eq(3),li:eq(4)").addClass("container_less");
mm();
function mm(){
$("li:eq(0)").hover(
function(){
getChange($(this).index(this));
}
,function(){alert("11")}
);
}

function getChange(temp){
switch(temp){
case 0 : $("li:eq(0)").css("background","pink").html("<p class='word'>每日一练<p>"  ); break;
case 1 : $("li:eq(1)").css("background","pink").html("<p class='word'>每日一练<p>"  ); break;
case 2 : $("li:eq(2)").css("background","pink").html("<p class='word'>每日一练<p>"  ); break;
case 3 : $("li:eq(3)").css("background","pink").html("<p class='word'>每日一练<p>"  ); break;
case 4 : $("li:eq(4)").css("background","pink").html("<p class='word'>每日一练<p>"  ); break;
case 5 : $("li:eq(5)").css("background","pink").html("<p class='word'>每日一练<p>"  ); break;
}
}
</script>