Giter VIP home page Giter VIP logo

web-lessons-kovalenko's Introduction

<script src="https://code.jquery.com/jquery-3.6.0.min.js"> </script>

Lists

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus neque.
  • Nunc dignissim risus id metus.
  • Cras ornare tristique elit.
  • Vivamus vestibulum ntulla nec ante.

.active { color: green; font-size: 20px; }

/*let link = "https://st2.depositphotos.com/1064024/10769/i/600/depositphotos_107694484-stock-photo-little-boy.jpg";

$("ul") .css({ background: "red", color: "#fff", "font-size": "20px" }) .find("li") .html("

Hello word

") .on("click", function () { let img = $("

", { src: link });

img.css({
  widht: "100px",
  height: "200px",
});

img.on("click", function () {
 $(this).css({
    widht: "300px",
    height: "400px"
  });
});

$(this).append(img);
$(this).html(`<img src='${link}' \>`);
 $(this).remove();
$(this).css('font-size', '10px')
console.log(this)

}); */

$('h2') .on('dblclick', function () { $('ul').css('background', 'red');

$('li').each(function(index, element) { let text = $(element).text(); if ((index+1) % 2 === 0) { $(element).css('background', '#fff').on('click', function () {

     $(element).toggleClass('active');
    // alert($(element).text());
     
   });
 }
$(element).text(`${index+1}. ${text}`);

// console.log(index, text); });

});

web-lessons-kovalenko's People

Contributors

kovalenkomargarita avatar

Watchers

 avatar

Forkers

polyerter

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.