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