Need advice about which tool to choose?Ask the StackShare community!


+ 1

+ 1
Add tool

jQuery vs lodash: What are the differences?

Comparison: jQuery vs. Lodash

jQuery and Lodash are both popular JavaScript libraries used for simplifying and enhancing web development. While they have some similarities, there are key differences that set them apart. Here are the main differences between jQuery and Lodash:

  1. Utility vs. Full-featured Library: jQuery is primarily a utility library that provides a compact set of functions to simplify DOM manipulation, event handling, and AJAX requests. On the other hand, Lodash is a comprehensive utility library that offers a wide range of functions for common programming tasks, including data manipulation, array and object operations, functional programming, and more.

  2. Cross-platform Compatibility: jQuery is designed to work across various web browsers, ensuring consistent behavior across different platforms. Lodash, on the other hand, focuses more on improving the performance and flexibility of JavaScript code, without placing as much emphasis on cross-browser compatibility.

  3. Size and Performance: jQuery is known for its small file size and optimized performance, making it suitable for projects that require lightweight solutions. In contrast, Lodash provides many additional features and functions, which results in a larger file size and potentially slower performance in comparison.

  4. Syntax and Function Names: jQuery often uses a concise and intuitive syntax that is easy to understand and use, especially for beginners. Lodash, on the other hand, employs a more functional and modular approach, using function names inspired by functional programming paradigms.

  5. Community Support and Ecosystem: jQuery has a vast and established community with extensive documentation, tutorials, plugins, and online resources, making it easy to find help and solutions for specific problems. While Lodash also has good community support, its ecosystem might not be as extensive as jQuery's, as it is more focused on utility functions.

  6. Modern JavaScript Features: jQuery is compatible with older versions of JavaScript, providing backward compatibility for legacy projects. In contrast, Lodash leverages modern JavaScript features and ES6+ syntax, offering advanced capabilities like arrow functions, modules, and built-in methods that are not found in the native JavaScript (pre-ES6) or jQuery.

In summary, jQuery is a lightweight utility library focused on DOM manipulation and web development tasks, while Lodash is a comprehensive utility library that offers a wider range of functionalities for JavaScript programming. Understanding the specific requirements of your project will help you determine which library is more suitable for your needs.

Decisions about jQuery and Lodash
Malek Boubakri
Web developer at Quicktext · | 0 upvote · 214.4K views

The project is a web gadget previously made using vanilla script and JQuery, It is a part of the "Quicktext" platform and offers an in-app live & customizable messaging widget. We made that remake with React eco-system and Typescript and we're so far happy with results. We gained tons of TS features, React scaling & re-usabilities capabilities and much more!

What do you think?

See more
kazi shahin
CTO at Blubird Interactive Ltd. · | 3 upvotes · 103.8K views

I've an eCommerce platform building using Laravel, MySQL and jQuery. It's working good and if anyone become interested, I just deploy the entire source cod e in environment / Hosting. This is not a good model of course. Because everyone ask for small or large amount of change and I had to do this. Imagine when there will be 100 separate deploy and I had to manage 100 separate source. So How do I make my system architecture so that I'll have a core / base source code. To make any any change / update on specific deployment, it will be theme / plugin / extension based . Also if I introduce an API layer then I could handle the Web, Mobile App and POS as well ? Is the API should be part of source code or a individual single API and all the deployment will use that API ?

See more
Manatsawin Hanmongkolchai

When I started TipMe, I thought about using React frontend. At the end, plain, simple jQuery won.

I had to build this iteration of the site fast and by using jQuery I could keep using Django as a full stack development tool. One important point is Django form (combined with Django Bootstrap3) means that I don't have to reinvent form rendering again, which will be the case with React.

Over time, more interactivity seeped into the site and React components start making its way into the codebase.

I now wish the site is built using React so that I could add more user friendly interfaces easier (no more fuddling with server states) but I would still say jQuery helped me get past those early days.

See more

Fast Healthcare Interoperability Resources (FHIR) provides standard data objects in JSON format for the healthcare industry. Since JSON objects are hierarchical and tree-like, we had a need to defensively 'pluck' fields from our JSON objects and do lots of mapping. We tried jQuery and Underscore and a few other technologies like FHIRPath; but Lodash has been the most well supported, works in the most contexts, has the cleanest syntax, etc. We particularly like the ES6 version of Lodash, where we can import the method names directly, without resorting to * or _ syntax. We got hooked on the 'get' function to defensively pluck fields from objects without crashing our user interface, and have found countless uses for the other lodash functions throughout our apps. Lodash is great for developing and optimizing algorithms.

See more
Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of jQuery
Pros of Lodash
  • 1.3K
  • 957
    Dom manipulation
  • 809
  • 660
    Open source
  • 610
  • 459
  • 395
  • 350
  • 281
  • 227
    Light weight
  • 93
  • 84
    Great community
  • 79
    CSS3 Compliant
  • 69
    Mobile friendly
  • 67
  • 43
  • 42
    Swiss Army knife for webdev
  • 35
    Huge Community
  • 11
    Easy to learn
  • 4
    Clean code
  • 3
    Because of Ajax request :)
  • 2
  • 2
  • 2
    Just awesome
  • 2
    Used everywhere
  • 1
    Improves productivity
  • 1
  • 1
    Easy Setup
  • 1
    Open Source, Simple, Easy Setup
  • 1
    It Just Works
  • 1
    Industry acceptance
  • 1
    Allows great manipulation of HTML and CSS
  • 1
    Widely Used
  • 1
    I love jQuery
  • 2
    Better than Underscore
  • 1
  • 0
    Better that Underscore

Sign up to add or upvote prosMake informed product decisions

Cons of jQuery
Cons of Lodash
  • 6
    Large size
  • 5
    Sometimes inconsistent API
  • 5
    Encourages DOM as primary data source
  • 2
    Live events is overly complex feature
  • 1
    It reduce the performance

Sign up to add or upvote consMake informed product decisions

What companies use jQuery?
What companies use Lodash?
See which teams inside your own company are using jQuery or Lodash.
Sign up for StackShare EnterpriseLearn More

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with jQuery?
What tools integrate with Lodash?

Sign up to get full access to all the tool integrationsMake informed product decisions

What are some alternatives to jQuery and Lodash?
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.
Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.
jQuery Mobile
jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices.
See all alternatives