请问 $("a,$(this)")是什么意思?

时间:2022-11-01 19:43:23

$(function() {
 $('#navigation > li').hover(
  function () {
   $('a',$(this)).stop().animate({'marginLeft':'-2px'},200);
  },
  function () {
   $('a',$(this)).stop().animate({'marginLeft':'-85px'},200);
  }
 );
});

dome地址: http://tympanus.net/Tutorials/FixedNavigationTutorial/
该dome的教程文章: Slide Out Navigation
关于jquery里面的this,有没有好文章介绍一下?还有后面的.stop()也劳烦解释一下怎么用。

3 个解决方案

#1


首先这个this是JavaScript里面的,而不是jQuery的。
在这段代码里,this指的是$('#navigation > li')选择器选出来的对象
通过$(this)可以把dom对象转换为jQuery对象,然后就可以调用jQuery方法stop()了

stop()方法的意思可查阅相关的帮助文档

#2


stop()函數是停止動畫
它有兩個布爾類型的可選的參數
stop([clearQueue][,gotoEnd]);
clearQueue代表是否要清空未執行完的動畫隊列.
gotoEnd代表是否直接將正在執行的動畫跳轉到末狀態

#3


$('a',$(this))意思是,在$('#navigation > li')中找a标签。
.stop().animate({'marginLeft':'-2px'},200)意思是,停止当前动画,然后执行一个新动画。
加上hover事件,其实读起来很简单,就是当鼠标滑过id为navigation的标签中的li标签中时,其中的a标签有一个左右滑动的动画效果。

#1


首先这个this是JavaScript里面的,而不是jQuery的。
在这段代码里,this指的是$('#navigation > li')选择器选出来的对象
通过$(this)可以把dom对象转换为jQuery对象,然后就可以调用jQuery方法stop()了

stop()方法的意思可查阅相关的帮助文档

#2


stop()函數是停止動畫
它有兩個布爾類型的可選的參數
stop([clearQueue][,gotoEnd]);
clearQueue代表是否要清空未執行完的動畫隊列.
gotoEnd代表是否直接將正在執行的動畫跳轉到末狀態

#3


$('a',$(this))意思是,在$('#navigation > li')中找a标签。
.stop().animate({'marginLeft':'-2px'},200)意思是,停止当前动画,然后执行一个新动画。
加上hover事件,其实读起来很简单,就是当鼠标滑过id为navigation的标签中的li标签中时,其中的a标签有一个左右滑动的动画效果。