简单的jQuery选择器不起作用

Question

我不知道为什么这个选择器不起作用.

HTML元素很简单:

    <div id="myDiv">Original Text</div>

我正在使用的脚本很简单:

    <script language="javascript" src="jquery.min.js"></script>
    <script type="text/javascript"> 
    $(document).ready(function(){
        $("#myDiv").innerHTML = "Replaced Text";
    });

由于某种原因,这不起作用,而另外两个选项确实有效:

选项1:

    document.getElementById("myDiv").innerText = "This will work!"

选项2:

    $("#myDiv").get(0).innerHTML = "This will work as well!"

我正在阅读的每个教程都说,如果我像我一样使用$(#id),选择器将会起作用.

有任何想法吗？

Answer 1

jQuery对象使用该.html()方法,而不是innerHTML:

$("#myDiv").html("Replaced Text");