Definir la función en jQuery es diferente a JavaScript, la sintaxis es totalmente diferente. Una función es un conjunto de sentencias que recibe entradas, hace algún cálculo específico y produce salidas. Básicamente, una función es un conjunto de declaraciones que realiza alguna tarea específica o realiza algún cálculo y luego devuelve el resultado al usuario.
La idea es juntar algunas tareas comunes o repetidas y crear una función para que, en lugar de escribir el mismo código una y otra vez para diferentes entradas, podamos llamar a esa función.
Sintaxis:
$.fn.myFunction = function(){}
Los siguientes ejemplos ilustran la definición de la función en jQuery:
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<title>
How to Define jQuery function ?
</title>
<script src=
"https://code.jquery.com/jquery-1.12.4.min.js">
</script>
<script>
$(document).ready(function() {
$.fn.myFunction = function() {
document.getElementById("geeks").innerHTML
= "JQuery function is defined!";
}
$(".gfg").click(function(){
$.fn.myFunction();
});
});
</script>
</head>
<body style="text-align:center">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>
Defining function in jQuery
</h3>
<p id="geeks"></p>
<button type="button" class="gfg">
Click
</button>
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE html>
<html>
<head>
<title>
How to Define jQuery function ?
</title>
<script src=
"https://code.jquery.com/jquery-1.12.4.min.js">
</script>
<script>
$(document).ready(function() {
$.fn.myFunction = function() {
alert('JQuery function is defined!');
}
$(".gfg").click(function(){
$.fn.myFunction();
});
});
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>
Defining function in jQuery
</h3>
<button type="button" class="gfg">
Click
</button>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA