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

This article mainly introduces "how to use the jQuery Data Linking plug-in". In the daily operation, I believe many people have doubts about how to use the jQuery Data Linking plug-in. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful to answer the doubts about "how to use the jQuery Data Linking plug-in". Next, please follow the editor to study!

First of all, let's introduce the jQuery file and the jQuery Data Linking plug-in as follows:

Next, let's take a look at the html tags used:

Name: Website:

Below is the javascript object and bind it to our form using the link () method.

Var users = {name: "friend's you", website: "jquery001.com"}; $(document) .ready (function () {$("# formData") .link (users, {name: "user", website: "website"});})

Below, for example, when the user name is changed to "jQuery Learning", let's look at the name value in the javascript user object:

$("# show") .click (function () {alert (users.name);})

The result is as follows:

We can see that we have done what we said at the beginning of the article, when the content of the text box changes, we do not write additional code, that is, we can get the * value of the text box. The principle is that the javascript object at this time is bound to the Form form through jQuery Data Linking. Similarly, when we change the value of the javascript object, we can find that the value of the text box in the form changes in the same way. If we want to cancel the connection, we can use the $(source) .unlink (target) method to cancel it.

At this point, the study on "how to use the jQuery Data Linking plug-in" 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.