1 / 22

var title = “ jQuery: The Basics and Beyond ”;

var title = “ jQuery: The Basics and Beyond ”;. $(this).data( { target: ‘BEGINNERS’ , speaker: ’ superKalo ’ } );. Kaloyan Kosev. Web Developer a t DevLabs .bg LinkedIn/ superKalo. jQuery: The Basics and Beyond. $(this).agenda ({ About: ‘ Why? ’,

sinjin
Télécharger la présentation

var title = “ jQuery: The Basics and Beyond ”;

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. var title = “jQuery: The Basics and Beyond”; $(this).data({ target: ‘BEGINNERS’, speaker: ’superKalo’ });

  2. KaloyanKosev Web Developer at DevLabs.bg LinkedIn/ superKalo

  3. jQuery: The Basics and Beyond $(this).agenda({ About: ‘Why?’, Selectors: ‘Retrieving page content’, Events: ‘The event handling features’, Effects: ‘Creating basic animations’ });

  4. About: Why jQuery? $(this).agenda({ 1: ‘Cross-Browser Support’, });

  5. About: Why jQuery? $(this).agenda({ 1: ‘Cross-Browser Support’, 2: ‘Easy to Learn + Community Support’, });

  6. About: Why jQuery? $(this).agenda({ 1: ‘Cross-Browser Support’, 2: ‘Easy to Learn + Community Support’, 3: ‘Powerful DOM Selection’ });

  7. jQuery versions? jQuery 1.x vs. jQuery 2.x

  8. Selectors: Retrieving page content jQuery() $()

  9. Selectors: Retrieving page content $(“#myId”) $(“.myClass”)

  10. Selectors: Retrieving page content $(“ ..CSS.. ”)

  11. Selectors: Retrieving page content $( “.submenu:visible” ) $( “nav > ul > li” ) $( “input[type=text]” ) $( “li:even” ) $( “p:not(.redP)” )

  12. Selectors: Retrieving page content Link1 Link2Link3 Link4 Link5

  13. Selectors: Retrieving page content $( “a[href$=pdf]” ) .append(“<imgsrc=‘img/icon.jpg’ />”) Link1

  14. Selectors: Retrieving page content $( “.subMenu:visible” ) $( “section:hidden” ) $( “a[href^=http]” )

  15. Selectors: Retrieving page content

  16. Selectors: The event handling features

  17. Selectors: Retrieving page content $( “p:contains(смотан)” ).remove();

  18. Events: The event handling features $( “#myElement” ).on( “ … ”, function(){ //Do something}); • click, mouseover, mouseout • blur, focus • scroll, resize

  19. Effects: Creating basic animations $( “#myElement” ).fadeIn(); .fadeOut(); .slideUp(); .slideDown(); $( “#myElement” ).animate({ opacity: 0.2 });

  20. My Contacts LinkedIn/ superKalo Facebook/ superKalo E-mail/ me@superKalo.com superKalo@devlabs.bg SlideShare/ KaloyanKosev

  21. Thanks to our Sponsors: Diamond Sponsor: Gold Sponsors: Silver Sponsors: Technological Partners: Bronze Partners: Swag Sponsors: Media Partners:

More Related