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

<scripttype="text/javascript">$(function(){varimgId="img1";vardist=100;//一次移动10pxvari... <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> 展开
 我来答
Mini_humour
推荐于2016-10-05 · TA获得超过223个赞
知道小有建树答主
回答量:221
采纳率:0%
帮助的人:169万
展开全部

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

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

jQuery.noConflict();
jQuery(document).ready(function($){
    //把伍禅慧这段代码放在这里(在这里面腔答依旧可以用$);
});
//下面就可以正常使用其它库了
更多追问追答
追问
不是,是因为我这个是要在电视上用的。机顶盒不支持jquery,识别不出$来。所以我想把它换成js的。
追答
你没有引入jQuery这个库吧
支持js的一定支持jQuery
llp0574
2014-01-02 · 超过40用户采纳过TA的回答
知道小有建树答主
回答量:200
采纳率:0%
帮助的人:96.3万
展开全部
jquery只是封装了js的部分方法,是做枣坦一个框架,不代表说用了jquery就不能用js了,有需要可以岩卜直接在使用纯桐jquery的过程中使用js都是没问题的
追问
我是想实现这个功能,但不用$.因为我这东西是放在电视上用的,机顶盒不识别$所以我想换下。不知道能不能行
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式