Jquery

$(function(){

// Do some thing here...

});

$("#ELEMENT_ID").val();    //returns value of selected element.

$("#ELEMENT_ID").attr('ATTRIBUTE')    //returns value of attribute in selected element.

$("TAG[ATTRIBUTE='ATTRIBUTE_VALUE']").... //selects element with tag-TAG with attribute-ATTRIBUTE and attribute_value-ATTRIBUTE_VALUE.

var element = $('img');

element = element.filter('[title^="Black quartz"]');

element = element.filter(function(){return $(this).attr("title").toLowerCase().indexOf("Black quartz".toLowerCase())>-1})

function clickHandler(e){

    var htmlText = '';

    $.each(e.toElement.attributes, function() {

        if(this.specified) {

            htmlText += "<tr><td>" + this.name + "</td><td><input type='text' value='" + this.value + "'/></td></tr>";

        }

    });

}

var matches = $('body').text().match(/ORDER_NUMBER:\s?([A-Z\d]+)/);

if (matches[1]) {

    console.log(matches[1]); // 22M123456JK98766

}

$('#submitBtn').click(function (e) {

        $.ajax({

            url: 'http://localhost:10016/com.<ORGANISATION>.api/v1/upload',//that accepts multipart form data

            type: 'POST',

            data: new FormData($('form')[0]), //asuming there is first form that hold input type file

            cache: false,

            contentType: false,

            processData: false,           

        }).done(function(e){alert("Done");}).fail(function(e){alert(e)});

});

$('#<ELEMENT_ID>').hide(1000); #hides in 1 second with animation

$('#<ELEMENT_ID>').show(1000); #shows in 1 second with animation

$(document).ready(function () {

    $("#productsTbl").DataTable({

        "processing": true,

        "serverSide": true,

        "ajax": serviceURL + "products", //URL which serves data in sepecified format. {draw:<sent as queryParam>, ..., data:[<OBJECTS/ARRAYS>]}

        "columns": [

            { "data": "a" },           

            { "data": function(data){return JSON.stringify(data['oas']);} }

        ]

    });

});