--- title: Introducing jQuery++ description: Introducing jQuery++ image: https://www.bitovi.com/hubfs/js-banner.jpg --- - ![AI implementation](https://www.bitovi.com/hubfs/AIConsultingIcon.svg) [AI implementation](https://www.bitovi.com/services/ai-consulting) - ![Systems engineering](https://www.bitovi.com/hubfs/icon%20-%20backend.svg) [Systems engineering](https://www.bitovi.com/services/systems-engineering-consulting) - ![Project Management](https://www.bitovi.com/hubfs/icon%20-%20PM.svg) [Project Management](https://www.bitovi.com/services/agile-project-management-consulting) - ![Product Design](https://www.bitovi.com/hubfs/icon%20-%20design.svg) [Product Design](https://www.bitovi.com/services/product-design-consulting) - ![Frontend development](https://www.bitovi.com/hubfs/icon%20-%20frontend.svg) [Frontend development](https://www.bitovi.com/services/frontend-development-consulting) - [View more → ](https://www.bitovi.com/digital-consulting-services) We're Experts in... - [JavaScript](https://www.bitovi.com/services/frontend/javascript-consulting) - [AI training](https://www.bitovi.com/ai-training-for-software-engineers) - [Angular](https://www.bitovi.com/services/frontend/angular-consulting) - [Design systems](https://www.bitovi.com/services/axure-figma-migration) - [React](https://www.bitovi.com/services/frontend/react-consulting) - [Temporal](https://www.bitovi.com/services/backend/temporal-consulting) - [React Native](https://www.bitovi.com/services/frontend/react-consulting/react-native) - [Node.js](https://www.bitovi.com/services/backend/nodejs-consulting) Showcase ![Yum! Brands](https://www.bitovi.com/hubfs/yum-showcase-link-1.png) [View case study](https://www.bitovi.com/en/bitovi-yum-case-study) More Projects - [![Levi's](https://www.bitovi.com/hubfs/levis.svg)](https://www.bitovi.com/web-application-consulting-work/levis-ecommerce-responsive-redesign) - [![Christie's International Real Estate](https://www.bitovi.com/hubfs/christies.svg)](https://design.bitovi.com/christies) - [![BAFS](https://www.bitovi.com/hubfs/bafs.svg)](https://www.bitovi.com/ux-design-consulting/ux-case-studies/bafs-ppp) - [View more → ](https://www.bitovi.com/our-software-consulting-work) Open Source Tools We build powerful tools and open source them to support the community. [See what we've built →](https://www.bitovi.com/open-source) - [![Blog](https://www.bitovi.com/hubfs/icon%20-%20blog.svg) BlogWe post about delivering products and solving problems. ](https://www.bitovi.com/blog) - [![Partnerships](https://www.bitovi.com/hubfs/Handshake-1.svg) PartnershipsLearn about Bitovi's technology partners ](https://www.bitovi.com/partnerships) - [![Academy](https://www.bitovi.com/hubfs/icon%20-%20academy%20(4).svg) AcademyFree courses to build delivery skills ](https://www.bitovi.com/academy) - [![Open source tools](https://www.bitovi.com/hubfs/icon%20-%20open%20source.svg) Open source toolsUse or contribute to our community ](https://www.bitovi.com/open-source) Let's Connect - [![Discord](https://www.bitovi.com/hubfs/DiscordLogo.svg) Discord ](https://discord.gg/J7ejFsZnJ4) - [![LinkedIn](https://www.bitovi.com/hubfs/LinkedinLogo.svg) LinkedIn ](https://www.linkedin.com/company/bitovi/) - [![GitHub](https://www.bitovi.com/hubfs/GithubLogo.svg) GitHub ](https://github.com/bitovi/) ![Eggbot](https://www.bitovi.com/hubfs/build_assets/bitovi-limbo-cms-react/338/js_client_assets/assets/eggbot-LTGhdSGL.png) Name * Work Email * Phone What's your project? Send ### Contact Us (312) 620-0386contact@bitovi.com June 4, 2012 # Introducing jQuery++ Introducing jQuery++ ![Justin Meyer](https://www.bitovi.com/hubfs/justin.jpeg) Justin Meyer Share: [![Twitter](https://www.bitovi.com/hubfs/limbo-generated/_astro/twitter-white.os3xLc3C_Z2nW4or.svg) ](https://twitter.com/intent/tweet?text=) [![Reddit](https://www.bitovi.com/hubfs/limbo-generated/imgs/icons/reddit.png) ](http://reddit.com/submit?url=) Hello, my name is [jQuery++](http://jquerypp.com/). It's wonderful to meet you. Have you ever found yourself wishing jQuery had just one more feature or wanted it to be a tiny bit faster? I know I have, but I understand jQuery can't do everything. This is why the team at Bitovi created me, a collection of extremely useful DOM helpers and special events that complement jQuery. I am not a UI project like [jQueryUI](http://jqueryui.com/) or [jQueryTools](http://jquerytools.org/). I'm all about providing low-level DOM utilities that jQuery doesn't support, for things like cookies, ranges and forms. If [Underscore](http://underscorejs.org/) is jQuery's functional-programming tie, I am jQuery's bald-spot covering toupee. Lets take at a few of my favorite things I can do for you: ## Get just what you need I have a groovy download builder that lets you select the functionality you need and it builds a custom JS file with exactly that. If you're using Steal or AMD, you can simply load the files you need and dependencies will be loaded for you: ``` steal('jquery/event/drag', function(){ $('#tasks').on('.handle','draginit', function(ev, drag){ }) }) ``` ## Delegatable events Using JavaScriptMVC, CanJS, Backbone, Spine or any of the other frameworks that use declarative event bindings like `".item click"`? Use my special events with these libraries like: ``` var Tasks = can.Control({ ".handle draginit" : function(handle, ev, drag){ } }) ``` This works with [drag](http://jquerypp.com/#drag), [drop](http://jquerypp.com/#drop), [hover](http://jquerypp.com/#hover), and [swipe](http://jquerypp.com/#swipe) events. ## Speed up your app Speed matters. Add [fastfix](http://jquerypp.com/#fastfix) to improve your app's over-all performance by about 3-5%. Use [styles](http://jquerypp.com/#styles) to read multiple computed styles from a single element much faster than jQuery's [css](http://api.jquery.com/css/). Use [animate](http://jquerypp.com/#animate) to use hardware accellerated CSS animations in supporting browsers. ## Use text ranges [Range](http://jquerypp.com/#range) normalizes text ranges cross browser. I can't wait to show you how easy it is to create a text editor with me. ## Desktop-like layouts The [resize](http://jquerypp.com/#resize) event makes it very easy to create desktop-like layouts where internal components respond to the dimensions of their parent component. It does this by reversing the order of the resize event. Instead of the event traveling from children to parent, it travels from parent to children. ## Conclusion I've got a lot more goodness than what's listed here so [check me out](http://jquerypp.com/)! Are there other common DOM utilities you need? Let me know. It's been great chatting. Follow me on twitter [@jquerypp](https://twitter.com/jquerypp). [![Tag for open source](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) open source ](https://www.bitovi.com/blog/topic/open-source)[![Tag for development](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) development ](https://www.bitovi.com/blog/topic/development) Previous Post ![Bitovi Hoops for Heart with the American Stroke Association](https://www.bitovi.com/hs-fs/hubfs/Basketball-on-Court2.jpg?height=117&name=Basketball-on-Court2.jpg) [ Bitovi Hoops for Heart with the American Stroke Association ](https://www.bitovi.com/blog/bitovi-hoops-for-heart-with-the-american-stroke-association)   Next Post ![canjs-banner-background](https://www.bitovi.com/hs-fs/hubfs/canjs-banner-background.jpg?height=117&name=canjs-banner-background.jpg) [ Weekly Widget 1 - TreeCombo ](https://www.bitovi.com/blog/weekly-widget-1-treecombo) ```json { "@context" : "http://schema.org", "@type" : "Organization", "address" : { "@type" : "PostalAddress", "addressCountry" : "United States", "addressLocality" : "Libertyville", "addressRegion" : "IL", "postalCode" : "60048", "streetAddress" : "1134 Pine Tree Lane " }, "alternateName" : "Bitovi", "areaServed" : { "@type" : "GeoCircle", "geoMidpoint" : { "@type" : "GeoCoordinates", "latitude" : "41.8781", "longitude" : "87.6298" }, "geoRadius" : "5000 km" }, "description" : "Bitovi is a UX, UI design and front-end JavaScript development consulting company", "email" : "contact@bitovi.com", "image" : "https://www.bitovi.com/hubfs/bitovi-logo-x2.png", "logo" : "https://www.bitovi.com/hubfs/bitovi-logo-23-1.svg", "mainEntityOfPage" : { "@id" : "https://www.bitovi.com/blog/introducing-jquery", "@type" : "WebPage", "description" : "Introducing jQuery++" }, "naics" : "541511", "name" : "Bitovi Web App Consulting", "sameAs" : [ "https://www.facebook.com/BitoviLLC/", "https://twitter.com/bitovi", "https://www.linkedin.com/company/bitovi" ], "telephone" : "312-620-0386", "url" : "http://bitovi.com" } ``` ```json { "@context" : "http://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Justin Meyer" }, "dateModified" : "November 29, 2018, 6:20:20 PM", "datePublished" : "2012-06-04 20:27:57", "description" : "Introducing jQuery++", "headline" : "Introducing jQuery++", "image" : { "@type" : "ImageObject", "url" : "https://www.bitovi.com/hubfs/js-banner.jpg" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.bitovi.com/hubfs/bitovi-logo-23-1.svg" }, "name" : "Bitovi" } } ```