前端记录6(JQ)
- 事件冒泡
- 即子级的事件可以传递给父级,如子级和父级都有一个点击事件,会触发弹窗,此时如果点击子级不光会触发自己的弹窗,还会触发父级的弹窗,如果要阻止冒泡可以直接用return false
- 事件委托
- 事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作。
- 写法:
$('div').delegate('li', 'click', function() {
$(this).css({background:'red'});
});
- Dom操作
- 创建新标签
- var $div = $('<div>'); 创建一个空的div
- var $div2 = $('<div>这是一个div元素</div>');
- 移动或者插入标签的方法
- append()和appendTo():在现存元素的内部,从后面放入元素
- prepend()和prependTo():在现存元素的内部,从前面放入元素
- after()和insertAfter():在现存元素的外部,从后面放入元素
- before()和insertBefore():在现存元素的外部,从前面放入元素
- 删除标签
- $('#div1').remove() 这里删除所有该标签内容,不是隐藏
- 创建新标签