用jquery選擇器寫的怎么不行?
/**
?*?Created?by?ycx?on?2017/4/6.
?*/
;(function?()?{
???'use?strict';
???var?$oDiv?=?$('.block');
???console.log($oDiv);
???$oDiv.onmouseover?=?function?()?{
??????startMove(0);
???}
???$oDiv.onmouseout?=?function?()?{
??????startMove(-200);
???}
???var?timer?=?null;
???function?startMove(target)?{
??????clearInterval(timer);
??????var?$oDiv?=?$('.block');
??????var?speed?=?0;
??????if?($oDiv.offsetLeft?>?target)?{
?????????speed?=?-10;
??????}
??????else?{
?????????speed?=?10;
??????}
??????timer?=?setInterval(function?()?{
?????????if?($oDiv.offsetLeft?==?target)?{
????????????clearInterval(timer);
?????????}
?????????else?{
????????????$oDiv.style.left?=?$oDiv.offsetLeft?+?speed?+?'px';
?????????}
??????},?30)
???}
})();在選擇器var $oDiv = $('.block');這里就報錯沒有$()這個方法,懷疑是引用的問題,但是不管是npm安裝jquery,還是直接引用cdn,都不行,到底是什么原因????
<script?src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script?src="base.js"></script>
<script?src="node_modules/jquery/dist/jquery.js"></script> <script?src="base.js"></script>
2017-04-10
1、事件寫錯了,jq的事件綁定是$('...').mouseover(function () {。。。})
2、
開頭的這個分號跟結尾的括號啥意思?
jq的onload方法不是應該這樣寫——
$(document).ready(function() {?
// 。。。
});?
或者——
$(function() {
//。。。
});
2017-04-07
$oDiv?.on('mouseover',function(){
?})