关于ie中不支持$('').get(0).style

$("#index_img_1").mouseover(function () {

$("#index_img_1 .four_img h4").get(0).style = "display:none";

});

ie里面    这样的鼠标移入事件不执行display:none的属性,同样的鼠标移出也不支持,

但是改为下面这种  利用this来完成赋予新的class   配合childNodes或者parentNode

$("#index_img_1").mouseover(function () {

            var a, b, c;
            a = this.childNodes[3];
            b = a.childNodes[1];
            c = a.childNodes[3];
            //console.log($(this.childNodes[3].childNodes));
            $(b).addClass("dis-none");
            $(c).addClass("dis-none");
        }).mouseout(function () {
            var a, b, c;
            a = this.childNodes[3];
            b = a.childNodes[1];
            c = a.childNodes[3];
            $(b).removeClass("dis-none");
            $(c).removeClass("dis-none");
            })