什麼是$（）的Javascript等價物？

Question

隨着 jQuery的（選擇作品）

elem = document.getElementById('container'); 
$(elem).load('file.html'); 

沒有 jQuery的（選擇不工作）

elem = document.getElementById('container'); 
elem.load('file.html'); 

我怎麼能執行一個元素的功能，而jQuery的？

加載（）函數是已創建，我可以執行$(elem)上的load（）函數，但不能在elem上執行load（）函數。

Answer 1

您使用DOM API（spec | MDN）和各種其他associated APIs。這個特定的例子是更多的工作，因爲你必須通過XMLHttpRequest（spec | MDN）查詢資源，然後將你已經加載的HTML分配給元素的innerHTML。

Answer 2

load是一個jQuery函數，所以沒有jQuery，它不存在。但你可以自己創建：

Object.prototype.load = function (src) { 
    var request = new XMLHttpRequest(), 
     elem = this; 
    // Make a request to the provided URL 
    request.open('GET', src, true); 

    request.onload = function() { 
     // When it is loaded 
     if (request.status >= 200 && request.status < 400) { 
      // Insert it in the DOM element 
      elem.innerHTML = request.responseText; 
     } 
    }; 

    request.send(); 
}; 

// Example usage 
var elem = document.getElementById('container'); 
elem.load('content.html');