Question

我在网页中有以下代码：

<div id="search_suggest"></div>

尝试在javascript代码中使用以下内容会更改div括号内的内容。

var ss = document.getElementById('search_suggest');
ss.innerHTML = 'asdasdasasddasasdasdasdasdasdasdasdasasdasd';

以下代码，使用Jquery作为选择器，不起作用（我检查过，我选择了正确的元素）：

  var ss =$(".search_suggest")
  ss.append( "<p>Test</p>"); #doesnt work
  ss.html("<p>Test</p>"); #doesnt work
  ss.text("<p>Test</p>"); #doesnt work

我也尝试使用纯文本而不是html。任何人都有任何想法，为什么一个有效，另一个没有？我不相信我在做tesxt或html错误。

Answer 1

search_suggest是元素的ID。使用ID选择器#代替类选择器.：

$("#search_suggest")

Answer 2

在Jquery中，选择器＃用于获取getElementById。用于getElementsByClassName。

使用此var ss =$("#search_suggest") 而不是var ss =$(".search_suggest")

Answer 3

建议

如果必须使用类或属性选择器，则可以通过指定可选的上下文参数来提高性能。

{D, A, C}

最好使用::

ID is absolutely the **fastest**. Part of the reason is that ID is supposed to be unique, so the API stops searching after the ID is found in the DOM.

jquery不在div中插入html或文本

3 个答案: