El siguiente ejemplo muestra un método de jQuery escrito en JavaScript nativo.

 

<!DOCTYPE html>
<html>
	<head>
		<title>Write a jquery method in pure JS</title>
	</head>
	<body>
 
		<p id="content">I'm the content</p>
 
	<script
	  src="https://code.jquery.com/jquery-3.2.1.min.js"
	  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
	  crossorigin="anonymous"></script>
	  <script type="text/javascript" src="logic.js"></script>
	</body>
</html>
 

// Event Listener with Jquery
$("#content").on('click', function() {
	console.log('Element clicked with Jquery');
});
 
// Event Listener with pure JavaScript
var element = document.getElementById('content');
 
element.addEventListener('click', function(){
	console.log('Element clicked with JavaScript');
}, false);
 

javascriptJquery.png

@telecristy.

¿Te gustó esta publicación? Márcala como favorita