Shulou(Shulou.com)05/31 Report--

This article mainly introduces "jquery can bind events to multiple elements together". In daily operation, I believe that many people have doubts about whether jquery can bind events to multiple elements together. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubt that "jquery can bind multiple elements together". Next, please follow the editor to study!

Jquery can bind events to multiple elements together. Binding method: when selecting an element using a selector, separating the element selector with an English comma, you can bind events for multiple elements together, and support the mixed use of multiple selectors with the syntax of "$(element 1, element 2, element 3.). Event (event handler)".

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

Can jquery bind events to multiple elements together?

In the previous development process, we have encountered binding the same event to each row or column in the table, using jquery to iterate through the column elements and using foreach to bind events to each cell. Today we are going to talk about the binding mode in which the same click event is triggered interactively on different elements.

The specific methods are as follows:

$("# id1, .class1, # id2, .class2") .unbind ("click") .click (function () {console.log ("test");})

When using selectors to select elements, you can bind the same event for different elements by separating them with commas and supporting the mixed use of selectors.

Examples are as follows:

$(document) .ready (function () {$(".bt1, # bt1") .click (function () {$("p"). SlideToggle ();})

This is a paragraph.

Handover

Output result:

At this point, the study on "can jquery bind multiple elements together" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.