如何用jquery实现angular、vue的大括号绑定

2019-11-26  本文已影响0人  houxnan

如何用jquery实现angular、vue的{{}}大括号绑定事件。

在jquery和vue中,写上下面一段代码,即可实现输入内容和下面内容绑定的效果:

<input type="text" ng-model="content">

<h1>您输入的内容是{{content}}</h1>

如何用jquery来实现这种绑定:

html部分:

 <input type="text">

<h1>您输入的内容是<span></span></h1>

js部分:

$(function(){

//给input绑定一个keyup事件,在input内输入内容,按键松开后即触发和下面内容的绑定

                $('input').keyup(function(){   

//获取到input里的内容

                    var value = this.value; 

//将input里的内容放到span里面去

                    $('span').html(value);

                })

            })

就这样就能达到想要的效果。

上一篇 下一篇

猜你喜欢

热点阅读