daniel-plewinski
9/2/2017 - 5:20 AM

jQuery DOM methods

jQuery DOM methods

$('.menu').find('a').css('color', 'red');
$('.menu').find('a').addClass('crazyColors');
$('.menu').find('a').removeClass('crazyColors');
$('.menu').find('a').toggleClass('crazyColors');

if ($('.menu').hasClass('crazyColors')) {
    console.log('Menu ma klasę crazyColors');
} else {
    console.log('Menu nie ma klasy crazyColors');
}

$('.menu').find('a').fadeIn('slow');
$('.menu').find('a').fadeOut(1000);

<input value="" type="text"
       class="user-name">
  
 
var userName = $('input.user-name');
userName.attr('type');
userName.attr('type', 'password');


var elementID = $('.footer').attr('id'); 
 
<div class="footer"
id="plan">O nas</div>
  
var elementID =
$('.footer').removeAttr('id')

$('#test').prop('checked');
$('#test').prop('id');
$('#test').attr('id');

$("div").data("role") ;
$("div").data("lastValue");
$("div").data("hidden");
$("div").data("options", "new option" );

var newDiv = $("<div>");
var newDiv =
$("<div>Lorem ipsum</div>");
var newDiv =
$('<div class="foo bar" id="newDiv">');
var newDiv =
$("<div>", { id: "myId",
             class: "class1 class2"
           });
 
 
var firstOfBar = $(".bar").first();
var newElement = $('<div class="new">This is new element</div>');
firstOfBar.after(newElement);
firstOfBar.before(newElement);

var firstOfBar = $(".bar").first();
var newElement = $('<div class="new">This is new element</div>');
newElement.insertAfter(firstOfBar);
newElement.insertBefore(firstOfBar);

var newElement = $('<div class="new">This is new element</div>');
var foo = $("#fooId");
foo.append(newElement);
newElement.appendTo(foo)

var newElement = $('<div class="new">This is new element</div>');
var foo = $("#fooId");
foo.prepend(newElement);
newElement.prependTo(foo);

$(".bar1").remove();
var removedBar2 = $(".bar2").detach();

$(".foo").empty();