jQuery to JavaScript

jquery-to-javascript.js

// jQuery to JavaScript - src: http://sharedfil.es/js-48hIfQE4XK.html
//--------------------------------------------------//

$(document).ready(function() {
  // code…
});

document.addEventListener("DOMContentLoaded", function() {
  // code…
});

//--------------------------------------------------//

var divs = $("div");

var divs = document.querySelectorAll("div");

//--------------------------------------------------//

var newDiv = $("<div/>");

var newDiv = document.createElement("div");

//--------------------------------------------------//

newDiv.addClass("foo");

newDiv.classList.add("foo");

//--------------------------------------------------//

newDiv.toggleClass("foo");

newDiv.classList.toggle("foo");

//--------------------------------------------------//

$("a").click(function() {
  // code…
})


[].forEach.call(document.querySelectorAll("a"), function(el) {
  el.addEventListener("click", function() {
    // code…
  });
});

//--------------------------------------------------//

$("body").append($("<p/>"));

document.body.appendChild(document.createElement("p"));

//--------------------------------------------------//

$("img").filter(":first").attr("alt", "My image");

document.querySelector("img").setAttribute("alt", "My image");

//--------------------------------------------------//

var parent = $("#about").parent();

var parent = document.getElementById("about").parentNode;

//--------------------------------------------------//

var clonedElement = $("#about").clone();

var clonedElement = document.getElementById("about").cloneNode(true);

//--------------------------------------------------//

$("#wrap").empty();

var wrap = document.getElementById("wrap");
while(wrap.firstChild) wrap.removeChild(wrap.firstChild);

//--------------------------------------------------//

if($("#wrap").is(":empty"))

if(!document.getElementById("wrap").hasChildNodes())

//--------------------------------------------------//

var nextElement = $("#wrap").next();

var nextElement = document.getElementById("wrap").nextSibling;