Question

嘿伙计们，我有一些代码，我发现我宁愿使用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。

谢谢！

Answer 1

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

window.onload = function() { 
   // your code
};

或者在结束身体标记之前将其抛出，或者在提交按钮之后在源中的任何位置更具体 - 对此没什么好看的。

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

然而，快速jQuery重写..

$(function() {
    $('#submit').appendTo('#btn-area').attr('tabIndex', 6);
    if ( typeof yourVar != 'undefined' ) {
        $('#textarea').val( yourVar );
    }
    $('#something').css('direction', 'ltr');
});

没试过。

Answer 2

这是：

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

2 个答案: