Javascript Jquery到原型
如何将下面的jquery代码转换为原型Javascript Jquery到原型,javascript,jquery,prototypejs,Javascript,Jquery,Prototypejs,如何将下面的jquery代码转换为原型 <script> $(document).ready (function() { $("#valor").keyup(function(){ var resultVal = 0.0; var objRegExp = '\s+'; $("#valor").each ( function() { resultVal +=
<script>
$(document).ready (function() {
$("#valor").keyup(function(){
var resultVal = 0.0;
var objRegExp = '\s+';
$("#valor").each ( function() {
resultVal += parseFloat ( $j(this).val().replace(/\s/g,'').replace(',','.'));
});
$("#total").val(resultVal);
});
});
</script>
$(文档).ready(函数(){
$(“#valor”).keyup(函数(){
var-resultVal=0.0;
var objRegExp='\s+';
$(“#valor”)。每个(函数(){
resultVal+=parseFloat($j(this).val().replace(/\s/g',).replace(',',');
});
$(“#总计”).val(resultVal);
});
});
谢谢。我不知道,但是纯JavaScript总是不错的:
function doLoad() {
var valor = document.getElementById("valor");
valor.onkeyup = function() {
var resultVal = 0.0;
var objRegExp = '\s+';
for(var i = 0; i < valor.childNodes.length; i++) {
var n = valor.childNodes[i];
if(n.nodeType === 1) resultVal += parseFloat(n.value.replace(/\s/g, '').replace(',', '.'));
}
document.getElementById("total").value = resultVal.toString();
};
}
if(window.addEventListener)
window.addEventListener("load", doLoad, false);
else
window.attachEvent("onload", doLoad);
函数doLoad(){
var valor=document.getElementById(“valor”);
valor.onkeyup=函数(){
var-resultVal=0.0;
var objRegExp='\s+';
对于(var i=0;i
我不知道,但纯JavaScript总是不错的:
function doLoad() {
var valor = document.getElementById("valor");
valor.onkeyup = function() {
var resultVal = 0.0;
var objRegExp = '\s+';
for(var i = 0; i < valor.childNodes.length; i++) {
var n = valor.childNodes[i];
if(n.nodeType === 1) resultVal += parseFloat(n.value.replace(/\s/g, '').replace(',', '.'));
}
document.getElementById("total").value = resultVal.toString();
};
}
if(window.addEventListener)
window.addEventListener("load", doLoad, false);
else
window.attachEvent("onload", doLoad);
函数doLoad(){
var valor=document.getElementById(“valor”);
valor.onkeyup=函数(){
var-resultVal=0.0;
var objRegExp='\s+';
对于(var i=0;i
下面是一个迁移的工作示例:
代码:
一些评论:
从您的代码中,我假设您有几个输入具有相同的id
(valor
)。如果是这种情况,那就错了,因为ID在整个DOM中必须是唯一的
这就是为什么我为一个名为valor
的类更改了它
Prototype有一个特殊的$
函数来通过css选择器获取元素。但使用$
进行id搜索或将DOM元素转换为原型元素
调用each
方法时,必须使用函数中的第一个参数:el
,而不是将this
用作原始集合中的每个元素(就像在jQuery中那样)
您必须使用observe('keyup'),…
,而不是调用keyup
jQuery方法
在我看来,jQuery更优雅,或者至少,我所知道的原型没有那么花哨:)下面是一个迁移的工作示例:
代码:
一些评论:
从您的代码中,我假设您有几个输入具有相同的id
(valor
)。如果是这种情况,那就错了,因为ID在整个DOM中必须是唯一的
这就是为什么我为一个名为valor
的类更改了它
Prototype有一个特殊的$
函数来通过css选择器获取元素。但使用$
进行id搜索或将DOM元素转换为原型元素
调用each
方法时,必须使用函数中的第一个参数:el
,而不是将this
用作原始集合中的每个元素(就像在jQuery中那样)
您必须使用observe('keyup'),…
,而不是调用keyup
jQuery方法
在我看来,jQuery更优雅,或者至少,我知道的原型没有那么花哨:)如果你能证明你尝试过,你会得到更高的响应率。如果你能证明你尝试过,你会得到更高的响应率。我个人也更喜欢jQuery的简单性。但是,我与原型插件有冲突。感谢您的帮助和评论。我个人也更喜欢jquery的简单性。但是,我与原型插件有冲突。感谢您的帮助和评论。