2018-10-09

2018-10-09  本文已影响0人  大家请叫我小杰

一 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;//网上查的说是可以防止出现两次点击事件,发现没用

 });

}

上一篇下一篇

猜你喜欢

热点阅读