Check if HTML element exists // jQuery if($(“#myElm”).length > 0) { console.log(“Element exists”); } // Pure javascript var my_elm = document.getElementById(“myElm”); if(typeof(my_elm) != ‘undefined’ && my_elm != null){ console.log(“Element exists”); }
Get inner text // jQuery var text = $(“#myElm”).text(); // Pure javascript var text = document.getElementById(“myElm”).textContent; Set inner text // jQuery $(“#myElm”).text(“My text”); // Pure javascript document.getElementById(“myElm”).textContent = “My text”; Get inner HTML // jQuery…
Add onclick event // jQuery $(“#myElm”).click(function(){ alert(“Hello world”); }); // Pure javascript document.getElementById(“myElm”).addEventListener(“click”, function() { alert(“Hello world!”); }, false); Get child node by index //jQuery var child = $(“#myElm”).eq(2); // Pure javascript var child =…
In these examples we see how easy it is to display, hide or use the toggle without jQuery. Hide an item // jQuery $(“#myElm”).hide(); // Pure javascript document.getElementById(“myElm”).style.display = “none”; Show an item // jQuery…
With this post we continue the series of examples to replace jQuery with pure javascript. Add class // jQuery $(“#myElm”).addClass(“my-class”); // Pure Javascript document.getElementById(“myElm”).classList.add(“my-class”); Remove class from an element // jQuery $(“#myElm”).removeClass(“my-class”); // Pure Javascript…
With this post, we want to inaugurate a post series of examples to see how nowadays it is easy to replace jQuery with pure javascript. This is because with the new javaScript standards major web…
A small script that sorts DOM elements within common parent. Example: https://jsfiddle.net/DotMaui/8wq49vbm/17/ Free CDN: https://cdn.dotmaui.com/dotmaui/js/orderfy.min.js
$(“#mydiv”).prepend(“<div class=’child’>.Maui is awesome!</div>”);
$.urlParam = function (name) { var results = new RegExp(‘[\?&]’ + name + ‘=([^&#]*)’) .exec(window.location.href); if (results == null) { return 0; } return results[1] || 0; } console.log($.urlParam(‘dotmaui’)); //cool
jQuery simplifies our life a lot, even with Ajax requests, here’s an example of a basic request: $.ajax({ url: ‘myfile.php’, success:function(data){ alert(data); } }); This is the simplest possible Ajax request, if our request is…