jQuery 中的 eq() 和 get() 方法有什么区别？

在本文中，我们将讨论 jQuery 中 eq() 和 get() 方法之间的所有区别。

eq() 方法：该方法用于直接定位选中的元素，并返回具有特定索引的元素。

句法：

$(selector).eq(index)

示例：在此示例中，我们将在第⁰和第 2^索引段落上设置不同的文本颜色。

HTML

 

    jQuery eq() Method
     
    
    

 

    
        GeeksforGeeks
    
     
    jQuery eq() Method
 
 
    HTML
 
 
    CSS
 
 
    JavaScript
 
 
 
    
        $(document).ready(function () {
            $(".text").eq(0).css("color", "red");
            $(".text").eq(2).css("color", "blue");
        });
    

 

输出：

get() 方法：此方法使用 GET HTTP 请求从服务器加载数据。此方法返回 XMLHttpRequest 对象。

句法：

$.get( url, [data], [callback], [type] )

示例：在此示例中，我们将从服务器获取数据并将其显示在屏幕上。此代码将在服务器上运行。

文件名：gf. PHP

文件名：索引。 PHP

HTML

 

    
        CSS get() Method
    
 
    
    

 

    
        GeeksforGeeks
    
 
    CSS get() Method
 
    
        Welcome to GeeksforGeeks
    
    
 
    
 
    
        $(document).ready(function () {
            $("#Geeks").click(function (event) {
                $.get(
                    "gfg.php", {
                    name: "Computer Science"
                },
                    function (data) {
                        $('#GFG').html(data);
                    });
            });
        });
    

 

输出：

eq() 和 get() 方法的区别：

jQuery eq() Method	jQuery get() Method
This method return the element as a jQuery object.	This method returns a DOM element.
This method retrieves the n-1th jQuery object.	This method returns the n-1th DOM element.
This method creates a new object from from one element within the set and returns it.	This method retrieves the DOM element that matches the jQuery object.
Its return method in an element with index of selected elements.	It helps in loading data from the server using a HTTP GET request
Its syntax is -: $(selector).eq(index)	Its syntax is -: $.get(URL,data,function(data,status,xhr),dataType)
It takes one parameter as a index.	It takes one parameter as a URL.