Shulou(Shulou.com)06/02 Report--

This article mainly explains "jquery how to judge which elements have been clicked". Interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "how to judge which element jquery clicked on".

Methods: 1, use the bind () method to bind the click click event to the element and specify an event handler function; 2, in the handling function, use the index () method to determine the location of the click, and the syntax is "$(element object). Bind ('click',function () {element object .index ();})".

The operating environment of this tutorial: windows7 system, jquery1.10.0 version, Dell G3 computer.

How does jquery determine which element has been clicked?

To determine the number of clicks in jquery, you need to use the bind () method and the index () method, bind the click click event to each tag using the bind () method, and obtain the location index of the current click tag through the index () method.

The bind () method adds one or more event handlers to the selected element, as well as functions that run when the event occurs.

The syntax is:

$(selector) .bind (event,data,function,map)

The index () method returns the index position of the specified element relative to other specified elements.

The syntax is:

(selector) .index ()

Let's take a look at it through an example, which is as follows:

Create a new html file, named test.html, to explain how to use jquery to know which li I clicked on. Load the jquery.min.js file using the script tag, and load the file successfully before you can use the jquery method. Use the ul tag, the li tag to create a list, for example, to create three project lists. Use the ready () method to execute the function method when the page is loaded.

Within the function method, by getting the li object, each li is bound to a click click event using the bind () method. When the li is clicked, the index value of the current li tag is obtained by the index () method, and finally, the index value is output using the alert () method.

The code is as follows:

Output the result, when clicking on the label:

At this point, I believe you have a deeper understanding of "how to judge which element jquery clicked on". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

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.