求解释一个简单的JS

tuchenmin 2012-07-04 09:37:00

$(function() {
$('.nav').hover(

function(){
$('.nav li a.arrow').css('background','#a1c46c');
}
);
$('.nav li a').hover(
function(){
$(this).css("background-color","#28752f");
},
function(){
$(this).css("background-color","#a1c46c");
}
);

$('.nav li').hover(function() {
$(this).children('ul').css( {
display : 'block'
});
}, function() {
$(this).children('ul').css( {
display : 'none'
});
});
});


麻烦帮忙解释下这段JS的大致意思。
不需要纠结其中变量代表什么
我想知道 $()里面放function(){....}是什么意思
多谢各位大大了
...全文
89 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
未知数 2012-07-05
  • 打赏
  • 举报
回复
$是函数名,
括号内的自然是函数的参数,
括号里面放函数自然是因为该函数的参数是一个函数了

$函数是jquery里面的最常用函数,功能非常多的样子,
当参数是函数时该函数会在页面加载完之后才执行;
当参数是字符串时会$函数作为选择器返回符合条件的对象(jquery对象,后面再有.hover什么的自然是调用该对象的方法,方法的括号内又有函数自然和上面说的一样因为该方法需要函数作为参数)
都是些js的正常语法,不要被写法迷惑了
gf05011 2012-07-05
  • 打赏
  • 举报
回复
(1) $(function(){
.....
});//类似于js的window.onload()函数,在页面载入后开始执行

(2) $('.nav').hover(
function(){ $('.nav li a.arrow').css('background','#a1c46c'); }
); //为所有class="nav"的标签元素绑定hover事件(鼠标经过)
hch126163 2012-07-05
  • 打赏
  • 举报
回复
function (){}

匿名函数,
作为 $ 函数的一个参数。
scscms太阳光 2012-07-04
  • 打赏
  • 举报
回复
主要就是jquery的hover()鼠标经过与离开函数
$(id或class或标签).hover(function(){经过时执行代码},function(){离开时执行代码});
详细的请查看jquery chm
tuchenmin 2012-07-04
  • 打赏
  • 举报
回复
这样好像不方便看 再发一次

$(function() {
$('.nav').hover(

function(){
$('.nav li a.arrow').css('background','#a1c46c');
}
);
$('.nav li a').hover(
function(){
$(this).css("background-color","#28752f");
},
function(){
$(this).css("background-color","#a1c46c");
}
);

$('.nav li').hover(function() {
$(this).children('ul').css( {
display : 'block'
});
}, function() {
$(this).children('ul').css( {
display : 'none'
});
});
});
乌镇程序员 2012-07-04
  • 打赏
  • 举报
回复

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧