2018-10-09

一 jq动态创建标签:

首先有一个父标签的id 如 <div id ="id"></div>

如果创建字标签前需要清空标签的内容可以调用$('#id').empty();

创建标签的时候可以直接用变量的形式 如 var $li = $('<li class="showli ">测试一</li>');

将创建的标签加入到id ="id"的div中 可以用$('#id').append($li );

一、append 追加在父元素的最后一个子节点后面

二、prepend插入到父元素的第一个子节点前面

三、after在元素后面追加,同级

四、befor在元素的前面追加,同级

二 动态添加的元素绑定事件

动态创建过元素后通过方法的调用绑定事件 如 clickEvents();

方法体:

function clickEvents() {

  $('.showli ').off('click').on("click", function() {//防止出现两次点击事件

      var $this = this;

       //获取当前点击标签的dom对象,下面可以开始你的操作了!

    return false;//网上查的说是可以防止出现两次点击事件,发现没用

 });

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 本文介绍有关css的一些技巧以及一些比较另类的用法,有些情景完全可以避开使用Javascript,单纯的css就可...
    聪明的汤姆阅读 1,707评论 1 30
  • //------------------------- 第一章 认识JQuery ----------------...
    米塔塔阅读 808评论 0 9
  • 为以后积累一些翻译方法吧 1、进行处理 Firstly, the multi-type temporal and ...
    minlover阅读 526评论 0 2
  • 梦晓书画阅读 320评论 2 5
  • 圈圈圆圆,天天年年,波澜不惊,循规蹈矩。说不上喜欢,但也没有决然。希望羽翼锋芒后可有展露头脚的勇气。敢于从这个已经...
    甜的太阳阅读 200评论 0 0

友情链接更多精彩内容