jQuery Hover effects

$(".transformable-handle-rotate").hover(

            function() {

                 $( this ).append( $( "<span> ***</span>" ) );

            }, function() {

                $( this ).find( "span:last" ).remove();

            }

        );

jQuery Object HTML

$(newDiv)[0].outerHTML

jQuery add new element

newDiv = $("<div>", {class: "Timer", id:oId});

newDiv.css("visibility","hidden");

TimerHTML = '<div class="WhitePatch"></div>';               

newDiv.append(TimerHTML);

Stop the web page all image drag

$('img').on('dragstart', function(event) { event.preventDefault(); });

jQuery Ajax JSON Load

Sample data.JSON:

{

            "CourseTitle": "Ordinary Annuities: Future Value and Present Value",       

            "Learn":[{"Type":"MCSS"}]  

}


Ajax JSON Load:

var jsonLoad1 = "js/data.json";

        $.ajax({

            url: jsonLoad1,

            type: "post",

            async: true,

            dataType: "json",

            data: {},

            success: function(data) {

                        alert(data.CourseTitle);

            },

            error: function() {

                alert(" Please refresh: Problem in loading MasterLoader json.");

            }

        });