昨天,我们简单了解了MicrosoftjQuerypluginjQueryTemplates。今天我们来看看微软开发的第二个jQuery插件jQueryDataLinking。我知道很多人会疑惑,为什么我们要使用jQueryDataLinking插件?下面我们就来看看使用jQueryDataLinking给我们带来的便利以及如何使用jQueryDataLinking。使用jQueryDataLinking插件后,比如我们更新表单内容后,我们绑定到表单的javascript对象也会发生变化;当javascript对象的内容更新时,我们的表单数据也会改变。这将变得非常方便。例如,在进行表单更新操作时,我们不再需要手动编写代码重新获取表单数据,将我们从机械操作中解放出来,让我们更专注于数据本身。这么直白的表述你可能不太容易理解,下面我们就举一个非常小的例子来看看jQueryDataLinking插件是如何使用的吧!首先我们还是介绍下jQuery文件和jQueryDataLinking插件,如下:接下来我们看一下用到的html标签:姓名:
网站:是javascript对象并使用link()方法将其绑定到我们的表单。下面以用户名改为“jQuery学习”为例,让我们看看javascript中的name值用户对象:$("#show").click(function(){alert(users.name);});结果如下:可以看出,我们已经做到了文章开头所说的。当文本框的内容发生变化时,我们不写额外的代码就可以得到文本框的最大值。原理是此时的javascript对象通过jQueryDataLinking绑定到Form表单上。同理,当我们改变javascript对象的值时,可以发现表单中文本框的值也发生了同样的变化。如果我们想取消链接,可以使用$(source).unlink(target)方法取消。使用jQueryDataLinking之后,我们确实可以将我们从机械编码中解放出来。遗憾的是,我从来没有在具体的项目中使用过这个MicrosoftjQuery插件。那么,这篇文章将作为一个非常简单的介绍。有兴趣的可以看看jquery-datalink。原文链接:http://www.jquery001.com/jquery-data-linking.html