Why “$().ready(handler)” is not recommended?

by

I got an official answer from one of the jQuery developers:

$().ready(fn) only works because $() used to be a shortcut to $(document) (jQuery <1.4)
So $().ready(fn) was a readable code.

But people used to do things like $().mouseover() and all sorts of other madness.
and people had to do $([]) to get an empty jQuery object

So in 1.4 we changed it so $() gives an empty jQuery and we just made $().ready(fn) work so as not to break a lot of code

$().ready(fn) is literally now just patched in core to make it work properly for the legacy case.

The best place for the ready function is $.ready(fn), but it’s a really old design decision and that is what we have now.

I asked him:

Do you think that $(fn) is more readable than $().ready(fn) ?!

His answer was:

I always do $(document).ready(fn) in actual apps and typically there’s only one doc ready block in the app it’s not exactly like a maintenance thing.

I think $(fn) is pretty unreadable too, it’s just A Thing That You Have To Know Works™…

More Related Contents:

  1. Can I set a value to the golbal variable in $(document).ready(function(){}); and use the same variable outside? [closed]
  2. ng-repeat finish event
  3. When should I use jQuery’s document.ready function?
  4. What is the difference between $(window).load and $(document).ready?
  5. jQuery pass more parameters into callback
  6. $(document).ready shorthand
  7. Wait till a Function with animations is finished until running another Function
  8. Variables set during $.getJSON function only accessible within function
  9. When should I use return false in jquery function?
  10. Callback function example
  11. jQuery event delegation
  12. Waiting on multiple asynchronous calls to complete before continuing
  13. Converting a recursive function into an asynchronous CPS implementation (javascript)
  14. Can you wait for javascript callback?
  15. jQuery $(document).ready () fires twice
  16. Differences between document.ready and $function [duplicate]
  17. jQuery $.ajax(), pass success data into separate function
  18. Fade animation while scrolling
  19. Difference between .ajaxSubmit() vs .submit()
  20. Proper way to wait for one function to finish before continuing?
  21. How do you log all events fired by an element in jQuery?
  22. JavaScript Callback Scope [duplicate]
  23. Attach an event in a child iframe to a handler in the parent window
  24. jQuery .append() not appending to textarea after text edited
  25. How can I differentiate a manual scroll (via mousewheel/scrollbar) from a Javascript/jQuery scroll?
  26. How to reenable event.preventDefault?
  27. How to chain ajax requests?
  28. sort JSON by date
  29. Use Django template tags in jQuery/Javascript?
  30. Why do functional pseudos such as :not() and :has() allow quoted arguments?

Leave a Comment