怎么不能触发onmouseout()方法

$('main')[0].onmouseout();

慕设计0467764 2018-03-05

源自：jQuery插件 1-13 作业题

收起

3回答

Miss路 2018-03-07 16:37:08

1、老师知道你用的是onmouseout（），但是这里不能用onmouseout，而且前面$('#main')[0]这一部分，不该有[0]这个，$('#main')获取到的就只有一个，id是唯一的，所以不需要[0]。

2、$('#main')是jQuery对象，不能调用onmouseout ，只能调用mouseout方法。

祝学习愉快！

收起回答

小丸子爱吃菜 2018-03-07 09:34:43

mouseout是JQ的事件，包括定义的方法也是jq的方法，所以要用JQ对象去掉用。

$('#main')[0]是DOM对象，无法去调用，所以写的时候还是要一致。

收起回答

提问者慕设计0467764 #1

我写的是onmouseout();它不是jq的事件啊

2018-03-07 13:19:36

小丸子爱吃菜 2018-03-06 10:14:56

请上传你全部的代码，我们需要运行代码，定位到问题所在。

祝学习愉快！

收起回答

提问者慕设计0467764 #1

本来是想在点进页面就自动触发一个onmouseout方法，实现进去页面就自动轮播，改为$('#main').mouseout();就可以了，（前面我写错了，是$('#main')[0].onmouseout();）,我就很奇怪$('#main')[0]是dom对象怎么不能触发onmouseout();方法

2018-03-07 00:19:51
提问者慕设计0467764 #2

$(function(){ var index=0, timer=null; function changeImg(){ $('#pic').children().css('display','none'); $('#dot').children().removeClass('click'); $('#pic').children()[index].style.display="block"; $('#dot').children()[index].className='click'; } function slideImg(){ $('#main').on('mouseover',function(event){ if(timer) clearInterval(timer); }).on('mouseout',function(event){ timer=setInterval(function(){ index++; if(index>=$('#pic').children().length){ index=0; } //切换图片 changeImg(); },2000); }) $('#btn1').on('click',function(){ index--; if(index<0){ index=$('#pic').children().length-1; } changeImg(); }) $('#btn2').on('click',function(){ index++; if(index>=$('#pic').children().length){ index=0; } changeImg(); }) $('#dot').children().on('click',function(event){ index=$(this).index(); changeImg(); }) $('#main')[0].onmouseout(); } slideImg(); })

2018-03-07 00:20:59
提问者慕设计0467764 #3

<!doctype html> <html> <head> <meta charset="utf-8"/> <title>图片轮播</title> <link href="CSS.css" rel="stylesheet" type="text/css"/> </head> <body> <h1>jQuery实现轮播图</h1> <div class="main" id="main"> <div class="pic" id="pic"> <div class="active"> <img src="img/1.jpg"/> </div> <div> <img src="img/2.jpg"/> </div> <div> <img src="img/3.jpg"/> </div> <div> <img src="img/4.jpg"/> </div> <div> <img src="img/5.jpg"/> </div> </div> <div class="btn1" id="btn1"> <img src="img/pre2.png"/> </div> <div class="btn2" id="btn2"> <img src="img/pre.png"/> </div> <div class="dot" id="dot"> <span class="click"></span> <span></span> <span></span> <span></span> <span></span> </div> </div> <script src="http://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script> <script src="JS.js"></script> </body> </html>

2018-03-07 00:21:46