En este artículo, discutiremos todas las diferencias entre los métodos eq() y get() en jQuery.
Método eq() : este método se utiliza para localizar los elementos seleccionados directamente y devuelve un elemento con un índice específico.
Sintaxis:
$(selector).eq(index)
Ejemplo: En este ejemplo, estableceremos los diferentes colores de texto en los párrafos de índice 0 y 2 .
HTML
<!DOCTYPE html>
<html>
<head>
<title>jQuery eq() Method</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body style="text-align: center;">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>jQuery eq() Method</h3>
<p class="text">HTML</p>
<p class="text">CSS</p>
<p class="text">JavaScript</p>
<script>
$(document).ready(function () {
$(".text").eq(0).css("color", "red");
$(".text").eq(2).css("color", "blue");
});
</script>
</body>
</html>
Producción:
método get() : este método carga los datos del servidor mediante la solicitud GET HTTP. Este método devuelve el objeto XMLHttpRequest.
Sintaxis:
$.get( url, [data], [callback], [type] )
Ejemplo: En este ejemplo, obtendremos los datos del servidor y los mostraremos en la pantalla. Este código se ejecutará en el servidor.
Nombre de archivo: gfg.php
PHP
<?php
if( $_REQUEST["name"] ) {
$name = $_REQUEST['name'];
echo "A ". $name . " portal for geeks";
}
?>
Nombre de archivo: index.php
HTML
<!DOCTYPE html>
<html>
<head>
<title>
CSS get() Method
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
</head>
<body style="text-align: center;">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>CSS get() Method</h3>
<div id="GFG">
Welcome to GeeksforGeeks
</div>
<br>
<input type="button" id="Geeks" value="Load Data" />
<script>
$(document).ready(function () {
$("#Geeks").click(function (event) {
$.get(
"gfg.php", {
name: "Computer Science"
},
function (data) {
$('#GFG').html(data);
});
});
});
</script>
</body>
</html>
Producción:
Diferencia entre los métodos eq() y get():
|
Método jQuery eq() |
Método jQuery get() |
| Este método devuelve el elemento como un objeto jQuery. | Este método devuelve un elemento DOM. |
| Este método recupera el objeto jQuery n- 1 . | Este método devuelve el elemento DOM n- 1 . |
| Este método crea un nuevo objeto a partir de un elemento dentro del conjunto y lo devuelve. | Este método recupera el elemento DOM que coincide con el objeto jQuery. |
| Su método de retorno en un elemento con índice de elementos seleccionados. | Ayuda a cargar datos del servidor mediante una solicitud HTTP GET |
|
Su sintaxis es -: $(selector).eq(índice) |
Su sintaxis es -: $.get(URL,datos,función(datos,estado,xhr),tipo de datos) |
| Toma un parámetro como índice. | Toma un parámetro como URL. |