哪个更快 document.getElementByID('txtName') 或 $('#txtName') ？

在本文中，我们将看到哪个是快速的 document.getElementByID(‘txtName’) 或 $(“#txtName”)。让我们首先了解这些是什么以及它们做了什么。

document.getElementByID(‘txtName) 方法：该方法用于获取具有指定值的ID属性的元素。

句法：

document.getElementById( elementID )

参数：要获取的元素的ID 。

返回值：如果没有找到具有指定 id 的元素，则返回 null。

如果我们想要操作特定元素或者您想要有关特定元素的信息，则基本上使用此方法。 ID 在页面内应该是唯一的，否则如果两个元素具有相同的 id，则此方法将返回第一个元素。

示例：在此示例中，我们将更改 id 匹配的元素的文本。

HTML

  

    
    
    

  

    My id is first. 
        Click on the button 
        to change my text.
    
  
    Click Here
    
        FirstFunction = ()=>{
            document.getElementById("first")
            .innerHTML = "Hey! i am changed."
        }
    

  

输出：

$(‘#txtName) 方法：这个 id 选择器的 jQuery select 元素具有指定的 id。像 id 一样的一切都应该是唯一的，在这里也都适用。

句法：

$("#id")

参数：传递想要获取的元素的id。

基本上，我们使用此方法选择一个元素，然后对所选元素执行各种操作，例如获取内部文本、更改 CSS 等。

示例：在本示例中，我们将更改所选元素的 CSS。

HTML

  

    
    
    

  

    
        Click on button to 
        Change my look.
    
  
    Click Here
  
    
        FirstFunction = ()=>{
            $("#first").css({
                "border": "2px solid red",
                "background-color": "pink",
                "width":"10%",
                "padding": "10px"
            })
        }
    

  

输出：

document.getElementByID(‘txtName’) 和 $(‘#txtName’) 之间哪个是更快的方法：这真的是一个很好的问题。为了回答这个问题，让我们回忆一下什么是jQuery ？

JQuery 是一个旨在简化代码的 JavaScript 库。所以基本上 jQuery 是用 javascript 编写的。 Document.getElementByID(‘txtName’)用于选择 id 为txtName的元素，它是用原生javascript编写的。而$(‘#txtName’)也用于选择 id 为txtName的元素。这是 jQuery 库中的一个函数。如果您查看此函数的实现，它会在内部生成一个 调用document.getElementByID()。简单的答案是document.getElementByID(‘txtName’) 比 $(‘#txtName’) 快，因为 jQuery 是写在 javascript 之上的。这意味着 jQuery 在内部仅使用本机 javascript 代码。原生 javascript 总是很快。

document.getElementByID(‘txtName’) 和 $(‘#txtName’) 之间的区别。

document.getElementByID(‘txtName’)	$(‘#txtName’)
It is used to select an element with specified id.	It is also used to select an element with a specified id.
This method is written in native javascript.	This method belongs to jQuery. And jQuery is written in javascript.
Native methods are always fast.	The methods written in jquery are slower as compared to native  methods because internally they call native methods.