簡單的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

$("#myDiv")是jQuery對象，因爲它沒有一個你不能設置其屬性innerHTML。

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

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

選項1部作品，因爲它只是簡單的JS - 您所選擇的元素，並設置其屬性。選項二的作品，因爲你從jquery對象中獲取DOM元素並設置它的屬性 - 也是有效的。

Answer 2

jQuery的對象使用.html()方法，而不是innerHTML：

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

Answer 3

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