Jquery中的on()使用理解,无法使用on方法

jquery中利用了on方法给未来元素绑定方法。
利用on方法可以方便的对将生成的元素标签进行方法绑定。
本例中使用的是jquery.min.js 是2.1版本,低版本的jquery使用的是live方法。
首先需要知道on方法的使用方法:

$(非未来元素).on("绑定事件","绑定未来元素",function(){

});

我们明白html的加载是至上而下的,所以在加载on方法之后的所有dom元素都是未来元素。

这里写图片描述

像上图中,js引入在input标签之前。所以这时候的input标签是未来元素。


所以下面的JS代码中,①是可以的,因为js引入在html标签之后,
②是不可以的,因为input标签为未来元素,无法直接使用blur方法。
这里写图片描述

然而又比如下图这样,body标签在JS引入之后,所以这个on方法不能运行。因为body本身就是未来元素。
这里写图片描述

如果想要上图代码起作用,则需要把js的引入放在body标签之后就可以了。

猜你喜欢

转载自blog.csdn.net/a748448660/article/details/52765548