$(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>