I am a JS programmer and I have been experimenting with jQuery a lot but have run into a couple puzzling aspects.
I feel like people use jQuery for much more than necessary. I really just want to know why picking jQuery may be better than using just pure JS.
I know it makes sense for webfx like the animate and fades but for things like adding event listeners it seems just as easy to use
obj = document.getElementByID(_ID_);
obj.addEventListener("mousedown"...);
An example of this is the answer I found on StackOverflow earlier today about performing an action for highlighted text. jQuery: get the highlighted text
In the example linked in the answer at http://mark.koli.ch/2009/09/use-javascript-and-jquery-to-get-user-selected-text.html
The guy uses the bind function to the document. Why use bind rather than addEventListener. Also with jQuery everything needs to be included in the .ready() method how is this better than (or why choose it over)
document.addEventListener('load', function () { ... }, false);
There are other times I have seen jQuery used that puzzled me, I hope you guys can shine some light on it for me.
Source: Tips4all
People use jQuery because it's simpler, easier, and more powerful, and because it helps them forget about IE.
ReplyDeleteTo answer your specific questions:
Otherwise, you need to call attachEvent for IE.
Also, jQuery event handling has simpler syntax, and supports live events.
jQuery does not require you to put everything in a ready handler; it's actually better to move your code to the bottom of the page and execute it immediately.
Unlike document.addEventListener('load', ...), jQuery's ready event will not wait for images to load.
Also, it works in IE, and it will still run your code even if the document already loaded.
Well, bind() is quite useful because addEventListener() is only supported from Internet Explorer 9 onwards.
ReplyDeleteThe reverse is true for e.g. the mouseenter and mouseleave events: those are only supported by IE (so far), and jQuery emulates them in other browsers.
The biggest reason for me is cross browser compatibility, especially with event handling.
ReplyDeleteThe idea behind jquery is "Write less, do more".
ReplyDeleteWith trivial examples the difference in the amount of code written is small, but as you start to write more complicated stuff the power of jquery becomes apparent.
There's also a lot of cross-browser stuff built into jQuery, which means you have to worry less about browser-specific code.
Because the jQuery developers are way smarter than I am, and will often implement a more efficient algorithm to do what I'm trying to do.
ReplyDeleteHere is why I would do things like that..
ReplyDeleteI have more confidence in jQuery being platform-independent than I do with mere JavaScript. For that reason, I'm tempted to use jQuery as much as I can. And I think jQuery is good and stable enough of a platform to abstract away some of the browser-specific complications that way.
cause it's Cross-Compatible and well supported (think about XHR requests)... but in some project I'd find better to use MooTools instead of JQuery in cause of a lack of "assets" method.
ReplyDelete