jquery1.xx 升级到 jquery3.xx 的一些问题

1.jquery3 不支持div的自闭合

如果用jq做插入等操作中涉及到“<div  class="xxx"  />”,插入后 不会自动补上div会导致异常问题；

 

2.jquery3 不支持.context这个属性 

3.jquery3 不支持 on hover，改成on mouseenter

例子：

$('.J-hover-pop').on('hover', function () {
var l = $(this).offset().left;
var t = $(this).offset().top;
var scrollor_t = $(document).scrollTop();
debugger;
$(this).find('.ques_intro').css('left',l+30).css('top',t-10-scrollor_t);
});

改成：

$('body').on('mouseenter','.J-hover-pop', function () {
var $this = $(this);
var l = $this.offset().left;
var t = $this.offset().top;
var scrollor_t = $(document).scrollTop();
$this.find('.ques_intro').show().css('left',l+30).css('top',t-10-scrollor_t);
});
$('body').on('mouseleave ','.J-hover-pop', function () {
var $this = $(this);
$this.find('.ques_intro').hide();
});