使用jQuery在div标签内添加一些字符串

Question

我只是想使用jQuery #OL_Icon_63在div .append()中添加一些字符串或HTML标记，这里是代码示例：

$(document).ready(function() {
    $('#OL_Icon_63').append('HELLO WORLD');
});

但是这段代码对我不起作用，我尝试改变这样的代码：

$(document).ready(function() {
    $("body").click(function() {
       $('#OL_Icon_63').append('HELLO WORLD');
    });
});

和

$(document).ready(function() {
    $("body").hover(function() {
       $('#OL_Icon_63').append('HELLO WORLD');
    });
});

我在身体标记之后使用.hover()和.click()两种代码，但我基本上不能使用.append（）等函数而不添加.hover（） $（“body”）之后的.click（） 但是当我使用点击或悬停时，字符串反复出现

任何人都可以给我一些示例/意见，以便.append() jQuery函数对我来说是完美的吗？

Answer 1

更通用的解决方案是使用事实javascript函数是对象，一旦调用clickAction函数，它会在附加文本后将其自身设置为空白函数

修改 由于它处理事件的方式，这在jQuery中不起作用，但它确实包含一个名为one（）

的方法

$(document).ready(function() {
  var clickAction = function(){
     $('div').append("Hello World");
  } 
    $("div").one("click",clickAction);
});​

Answer 2

改为使用text：

$('#OL_Icon_63').text("hello world")

您正在使用不正确的附加内容。 Append用于将元素添加到元素的innerHTML中。 text用于文字，html用于HTML

这也将替换元素中的所有文本，因此不会有倍数。

Answer 3

为什么不试着没有$(document).ready这对我有用：

(function(){
    $('#OL_Icon_63').append('HELLO WORLD');
})();

工作示例：http://jsfiddle.net/tgzKQ/