Question

怎么把Jquery代码改成JS的，就是不要用$符号

<script type="text/javascript"> $(function () { var imgId = "img1"; var dist = 100; // 一次移动10px var interval = 200; // 动画完成时间 // div内部的宽度、高度 var containerWidth = $("#container").innerWidth(); var containerHeight = $("#container").innerHeight(); $("#option input").each(function () { $(this).click(clickAction); }); function clickAction() { var curButton = $(this); var type = curButton.attr("id"); var img = $("#" + imgId); // 判断是否触壁 var moveDist = getMoveDist(img, type); // 移动 move(img, type, moveDist); } function getMoveDist(img, type) { var moveDist = dist; var curDist = 0; if (type == "Left" || type == "Top") { curDist = getMargin(img, type); if (curDist - dist < 0) { moveDist = curDist; } } else if (type == "Right") { curDist = getMargin(img, "Left") + img.outerWidth(); if (curDist + dist > containerWidth) { moveDist = containerWidth - curDist; } } else if (type == "Down") { curDist = getMargin(img, "Top") + img.outerHeight(); if (curDist + dist > containerWidth) { moveDist = containerWidth - curDist; } } return moveDist; } function move(img, type, dist) { $('#' + type).unbind('click', clickAction); if (type == "Left") { img.animate({ marginLeft: '-=' + dist + 'px' }, interval, function () { $('#' + type).bind('click', clickAction); }); } else if (type == "Right") { img.animate({ marginLeft: '+=' + dist + 'px' }, interval, function () { $('#' + type).bind('click', clickAction); }); } else if (type == "Top") { img.animate({ marginTop: '-=' + dist + 'px' }, interval, function () { $('#' + type).bind('click', clickAction); }); } else if (type == "Down") { img.animate({ marginTop: '+=' + dist + 'px' }, interval, function () { $('#' + type).bind('click', clickAction); }); } } function getMargin(obj, type) { var sef = 0; var value = parseInt(obj.css("margin" + type)); if (!value) { value = 0; } return value; } });</script>

Answer 1

你是不是还想用其它的库，却与jQuery的$重复？

如果是这样的话，只需要交出$的控制权就行了

jQuery.noConflict();
jQuery(document).ready(function($){
    //把这段代码放在这里（在这里面依旧可以用$）;
});
//下面就可以正常使用其它库了

追问

不是，是因为我这个是要在电视上用的。机顶盒不支持jquery，识别不出$来。所以我想把它换成js的。

追答

你没有引入jQuery这个库吧
支持js的一定支持jQuery

追问

不是的 ，我引用了。但还是不行，电视机顶盒是不支持$这种写法的

Answer 2

jquery只是封装了js的部分方法，是一个框架，不代表说用了jquery就不能用js了，有需要可以直接在使用jquery的过程中使用js都是没问题的

追问

我是想实现这个功能，但不用$.因为我这东西是放在电视上用的，机顶盒不识别$所以我想换下。不知道能不能行