Vanilla JavaScript vs JQuery

JQuery методы и их аналоги на чистом Java Script

jQuery JavaScript
$(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;

источник http://sharedfil.es/js-48hIfQE4XK.html

2 комментария: Vanilla JavaScript vs JQuery

  1. Хороший материал, только на чистом JavaScript не во всех браузерах будет работать, а вот реализация с помощью jQuery везду заработает одинаково.

  2. The forum is a brighter place thnaks to your posts. Thanks!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*


девять + 8 =

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Получать новые комментарии по электронной почте.