Javascript 将某些代码转换为jQuery

Javascript 将某些代码转换为jQuery,javascript,jquery,Javascript,Jquery,嘿,伙计们,我发现了一些代码,我更愿意用作jQuery而不是直接JavaScript。希望你们能帮我转换它: var sub = document.getElementById('submit'); sub.parentNode.removeChild(sub); document.getElementById('btn-area').appendChild(sub); document.getElementById('submit').tabIndex = 6; if ( typeof _so

嘿,伙计们,我发现了一些代码,我更愿意用作jQuery而不是直接JavaScript。希望你们能帮我转换它:

var sub = document.getElementById('submit');
sub.parentNode.removeChild(sub);
document.getElementById('btn-area').appendChild(sub);
document.getElementById('submit').tabIndex = 6;
if ( typeof _some_var != 'undefined') {
    document.getElementById('some-textarea').value = _some_var;
}
document.getElementById('something').style.direction = 'ltr';
我之所以要这样做,是因为FireFox告诉我,在第二行使用sub时,它是空的。这是因为代码在submit按钮出现之前运行。因此,我自然希望使用jQuery在一切就绪后运行代码。是的,我知道在直接JavaScript中也可以做到这一点,但我宁愿使用jQuery


谢谢

完全没有必要为此使用jQuery。假设您还没有加载事件处理程序:

window.onload = function() { 
   // your code
};
或者把它扔到末尾body标记之前,或者更具体地说,在提交按钮之后的源代码中的任何地方——它没有什么肮脏的地方

<script src="your-code.js"></script>
</body>

没有测试。

完全没有必要为此使用jQuery。假设您还没有加载事件处理程序:

window.onload = function() { 
   // your code
};
或者把它扔到末尾body标记之前,或者更具体地说,在提交按钮之后的源代码中的任何地方——它没有什么肮脏的地方

<script src="your-code.js"></script>
</body>
没有测试。

这里是:

var sub_html = $('#submit').html();
$('#submit').html('');
$('#btn-area').html(sub_html);
$('#submit').attr('tabindex', 6);
if(typeof _some_var != 'undefined')
{
    $('#some-textarea').val(_some_var);
}
$('#something').css('direction', 'ltr');
这是:

var sub_html = $('#submit').html();
$('#submit').html('');
$('#btn-area').html(sub_html);
$('#submit').attr('tabindex', 6);
if(typeof _some_var != 'undefined')
{
    $('#some-textarea').val(_some_var);
}
$('#something').css('direction', 'ltr');

我已经修复了文章中提到的问题,把它放在页脚,我只是觉得把这段代码作为jQuery会更有意义,但我想那是没有必要的。所以我猜在这种情况下使用jQuery只会增加不必要的开销,我不会使用它。无论如何,感谢您的转换。非常感谢,如果您有很多脚本,这将与您的所有其他DOM脚本不一致。我已经通过在页脚中添加此代码修复了本文中提到的问题,我只是觉得将此代码作为jQuery会更有意义,但是我想那是没有必要的,所以我猜在这种情况下使用jQuery只会增加不必要的开销,我不会使用它。无论如何,感谢您的转换。非常感谢。如果您有很多脚本,这将与所有其他DOM脚本不一致。您不必调用removeChild,因为当您使用appendchild时,它将首先从当前位置删除子项,然后仅将其附加到新位置。谢谢,就像我说的,我继承了这段代码,但我肯定会做出更改,以防止产生不必要的代码。再次感谢!哦,哦,读我的。我总是建议使用JQuery进行dom操作,否则你就不能相信它能跨浏览器工作。这也是我考虑使用它的另一个原因,但大家一致认为,在这种情况下,它是不必要的,也许它太基本了,无法利用JQuery可能具有的任何优势。尽管jQuery表单看起来确实更整洁。您不必调用removeChild,因为当您使用appendchild时,它将首先从当前位置删除子项,然后只将其附加到新位置。谢谢,就像我说的,我继承了这段代码,但我肯定会做出更改,以防止产生不必要的代码。再次感谢!哦,哦,读我的。我总是建议使用JQuery进行dom操作,否则你就不能相信它能跨浏览器工作。这也是我考虑使用它的另一个原因,但大家一致认为,在这种情况下,它是不必要的,也许它太基本了,无法利用JQuery可能具有的任何优势。尽管jQuery表单看起来确实整洁多了。