javascript - jQuery ("#"+id) 对比 document.getElementById (""+id)

Question

我的一个 div id="ftbutton_1357567084/Team:8/User:10/Image:195" 有以下 ID，我想在调用 ajax 后替换它的 html。

当我尝试使用 jQuery 执行此操作时，如下所示的操作不起作用

jQuery("#"+id).html(SOME HTML HERE);

下面的代码在哪里工作

document.getElementById(id).innerHTML = SOME HTML HERE;

我知道ID不应该包含一些特殊字符

ID attributes should be = after an initial letter (a-z or A-Z), may also use 
periods and colons, in addition to letters, numbers, hyphens, and underscores. 

引用 How do I select an element by an ID that has characters used in CSS notation?

但由于某些原因，我无法更改每个元素的 ID，因为它被认为是网站。

我也试过follow，但是不行

function jq( myid ) {
  return "#" + myid.replace( /(:|\.)/g, "\\$1" );
}
jQuery(jq("#"+id)).html(SOME HTML HERE);

我只是想知道是否是这种情况，我是否需要使用 document.getElementById(""+id) 而不是 jQuery("#"+id) ?

或者换句话说

document.getElementById(""+id) 是否比 jQuery("#"+id) 更可靠？

Answer 1

这样做:

$('[id="ftbutton_1357567084/Team:8/User:10/Image:195"]');

这实际上是一个有点有趣的问题。 jQuery 很可能认为 : 正在启动一个过滤器，例如 $('div:visible') 并在没有意识到它是一个完整 ID 的情况下陷入困境。