From the course: jQuery for Web Designers

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Shorter code with chaining

Shorter code with chaining - jQuery Tutorial

From the course: jQuery for Web Designers

Start my 1-month free trial

Shorter code with chaining

- [Voiceover] In this video, we're going to talk about method chaining, which is a way to take the operations that you're doing to elements in your jQuery code and making them a little shorter and hopefully a little easier to read. So here on my Build a Bouquet page from Hansel & Petal I want to make some changes to these items in this Build a Bouquet grid here. So I'm going to right click and inspect the elements to see what I need to select. I'm going to start with this grid ID. So I'm going to double click this to select just the text in there and copy it. Close the console and then I'm going to switch over to my script file, which I have open in my text editor. So this is just a starting point with my ready 'function' and my 'use strict'. So what I'm going to do is make a selection of that grid first and I'm going to save it in 'variable'. This is a good practice to get into so that you don't have jQuery make the same selection over and over again. So I'm going to call it 'grid'…

Contents