Jquery Starting

$( document ).ready() block.
$( document ).ready(function() {
console.log( “ready!” );
});

<div id="demo"></div>

<script>
$('p').click(function(){
document.getElementById("demo").innerHTML = "Hi this is new jquery testing";
});

</script>

There are tree main types of Selectors in jQuery
1. Element Selector
2. class selector 
3. Id Selector

mouse events = click, dblclick, mouseenter, mouseleave
keyboard Evernt = keypress, keydown, mediakeyStatusMap
form events = submit, change, focus, blur
document/window events = load, resize, scroll, unload