jquery 中event target

来源:互联网 发布:工程造价网络教育 编辑:程序博客网 时间:2024/04/28 00:51

1.event.target  指的是引发事件的dom元素

2.this和event.target的区别
js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;

3.this和event.target的相同点
this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target);

例子:

                $("#texTureStar span").click(function(event) {test(event, 'texTureStar span');})function test(event, obj) {var index = $("#" + obj).index(event.target);var level = 0;var length = $("#" + obj).length;//当前星星  不亮if ($(event.target).hasClass("aui-icon-favor")) {for (var i = 1; i <= index; i++) {$("#" + obj).eq(i).removeClass("aui-icon-favor").addClass("aui-icon-favorfill");}} else {for (var i = index; i < length; i++) {$("#" + obj).eq(i).addClass("aui-icon-favor").removeClass("aui-icon-favorfill");}}}


0 0