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");

Answer 2

$("#myDiv")是jQuery对象，你不能设置它的innerHTML属性，因为它没有。{/ p>

使用jQuery方法.html()或.text()

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

选项1有效，因为它只是简单的JS - 您选择元素并设置其属性。选项二的作用是因为您从jquery对象获取DOM元素并设置其属性 - 也是有效的。

Answer 3

 $(document).ready(function(){
        $("#myDiv").html("Replaced Text");
    });

简单的jQuery选择器不起作用

3 个答案: