Please enable JavaScript.

Coggle requires JavaScript to display documents.

Jquery (Sending Data with Ajax (Loading data on demand (Working with…

- - - - ex:{
        "key": "value",
        "key 2": [
        "array",
        "of",
        "items"
        ]
        }
      - Loading an XML document
- - - - ex: $('tr:even').addClass('alt');
    - - ex: $('input[type="radio"]:checked')
  - - - ex: $('td:contains(Henry)').next().addClass('highlight');
      - $('td:contains(Henry)').nextAll().addBack()
        .addClass('highlight');
      - $('td:contains(Henry)').parent().children()
        .addClass('highlight');
    - - $('td:contains(Henry)').parent().find('td:eq(1)')
        .addClass('highlight').end().find('td:eq(2)')
        .addClass('highlight');
- - - - <body onload="doStuff();"> or window.onload = doStuff;
      - jQuery.noConflict(); beacause more library use $
        or
        jQuery(document).ready(function($) {
        // In here, we can use $ like normal!
        });
        or
        jQuery(function($) {
        // Code that uses $.
        });
    - - $(document).ready(function() {
        // Our code here...
        });
        instead :
        $(function() {
        // Our code here...
        });
  - - - using : .on() method
    - - $(this).addClass('selected');
    - - toggleClass : easy remove and add class
        ex: $('#switcher button').toggleClass('hidden');
  - - - .stopPropagation(): to prevent any other DOM element from responding to the event.
- - - - .css(['property1', 'property-2'])
      - .css({
        property1: 'value1',
        'property-2': 'value2'
        })
    - - var num = parseFloat($speech.css('fontSize'));
  - - - .fadeToggle() and .slideToggle() ,
        which show or hide elements using the corresponding effects
  - - - .animate({properties}, {options})
      - .animate({property1: 'value1', property2: 'value2'},
        duration, easing, function() {
        alert('The animation is finished.');
        }
        );
  - - - Fade its opacity to 0.5 with .fadeTo() .
        
        Move it to the right-hand side with .animate() .
        
        Fade it back in to full opacity with .fadeTo() .
        
        Hide it with .slideUp() .
        
        Show it once more with .slideDown() .
- - - - ex: $('.my-checkbox').prop('checked', false);