jQuery document.ready

Question

I am a little confused with document.ready in jQuery.

When do you define javascript functions inside of $(document).ready() and when do you not?

Is it safe

Answer 1

If you have your scripts at the end of the document, you dont need document.ready.

example: There is a button and on click of it, you need to show an alert. You can put the bind the click event to button in document.ready. You can write your jquery script at the end of the document or once the element is loaded in the markup.

Writing everything in document.ready event will make your page slug.