简书的第一遍博文-jquery动态绑定时间

前一阵子发现了简书这一个博客社区,给我的第一个印象就是简约,清爽。

本来打算在第一遍博文上写一点“人生道理”以鼓励一下自己,不过这些虚的话还是不要放着这种公众博客上,以后在这就记录一下平时看到的或者用过的小东西吧。

这两天实训在做一个oa系统,坑爹的老师坑爹地要求前台只能用静态页面,呵呵,我基本上没怎么写过js,又要深入浅出javascript了。前后台选用json做数据存储+springMvc框架,除了js我觉得还是挺好的。

十来个小时的js编写经验,总结一下所遇到的问题及解决方案:

动态生成的html元素如何动态地绑定事件

        动态生成html元素谁都会,使用jquery的append,after方法可以轻松在制定位置添加html内容。那么如果动态生成的html元素需要绑定事件呢,简单的方法就是在$("#id").append() 后重新绑定,但如果需要重复生成同类型的html元素,则需要重复地绑定。学了jquery发现了jquery.live()函数非常好用,live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。就是说通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素。

如:

$(".onechange").live("click",function(){

$(this).parent().find(".oneinput").val($(this).parent().find(".onetitle").text());

$(this).parent().find(".onetitle").hide();

$(this).parent().find(".oneinput").css("display","inline").focus().select();

});

后来发现live无法绑定blur方法,经过查找网上资料,发现1.3.1之前的版本是无法实现,要实现绑定blur方法则需要用到jquery1.4.1之后的版本。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,212评论 0 8
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,914评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,239评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,761评论 19 139
  • 光阴似箭,炎炎夏日已经离我们而去 走在街头,凉凉的秋意,九月不期而至 17年的三分之二就这样悄悄地溜走了 来拥抱九...
    酱子吖阅读 2,586评论 0 0