Jquery html data-bind属性使用它

时间:2014-07-22 10:43:57

标签: jquery

我在我的HTML文件中遇到过这种代码,在这里,我只是想了解这个data-bind属性及其values是什么(例如:{{1} })。它在这做什么?任何人都要善解释。

visible: tabs.active().value === 'sourceXml'

1 个答案:

答案 0 :(得分:8)

<强>洁肤

1。) data-bind属性不是jQuery - 它是一个几乎独占于knockout.js source)的HTML5属性。数据绑定允许knockout.js轻松地将变量与DOM元素相关联,应用模板方案,甚至应用条件样式。

jQuery有一个类似命名的.data()方法,允许您访问元素的data属性,但这与data-bind不同。

jQuery Docs详细介绍.data()方法,但请注意&#34; jQuery 1.4.3 HTML5数据属性将自动引入jQuery&#39; s数据对象&#34; (强调我的)。 这不是data-binding特有的。在jQuery中使用data-binding没有特殊效果。


点是什么?

2。)&#34;可见&#34;和&#34;模板&#34; bits只是解释了knockout.js应该对绑定数据做什么。有很多选项,例如一个易于理解的选项textsource):

<div>My favorite string is: <span data-bind="text: myString"></span></div>

基本上,只要knockout.js加载模板,我们就准备将变量myString应用到页面。

关于文档所说的visible&#34;可见绑定会导致关联的DOM元素根据您传递给绑定的值隐藏或显示 source)。

同样,template &#34;使用呈现模板的结果填充关联的DOM元素&#34; source

因此,您的示例是检查正在使用的模板,在div中构建它,然后使其可见(同时隐藏其他&#34;未使用的&#34;模板)。