Question

jquery和原生的JavaScript 用法有区别吗？为什么一种用法jquery却无效？

JavaScript 版：

<div id= "test01" style="display: none;" onmouseout = "document.getElementById('test01').style.display='none'" >

jquery版：
<div id= "test01" style="display: none;" mouseleave = "document.getElementById('test01').style.display='none'" >

点击按钮后会显示test01，这时 JS版的鼠标移除test01，就会隐藏，jquery的就没反应。
我已加载jquery.js了。

主要目的就想使用jquery的放置父类元素事件触发 附加在了子类上。

是不是我的使用方法不对？

Answer 1

jq事件应该不支持直接在行内绑定吧？

你可以这样

$(document).ready(function(){
  $("#test01").mouseout(function(){
   document.getElementById('test01').style.display='none';
  });
  $("#test01").mouseleave(function(){
    $(this).hide();
  });
});

Answer 2

JavaScript 版：

<div id= "test01" style="display: ;"  onmouseout = "this.style.display='none'" >

jquery版：
<div id="test01" style="display: ;"  onmouseleave = "$(this).hide()" >