html中的script 放到js中 没有效果！原来script 是正常的！

 <script type="text/javascript">
$(document).ready(function(){
  $("#pp1").mouseenter(function(){
    $("#tt1").css("background-color","#383e94");
    $("#pp1").css("color","#fff");
    $("#blc1").css("display","none");
    $("#his1").css("display","block");
  });
  $("#pp1").mouseleave(function(){
    $("#tt1").css("background-color","#fff");
    $("#pp1").css("color","#000");
    $("#blc1").css("display","block");
    $("#his1").css("display","none");
  });
});
</script>

确认引用了jq，原先在html中script加入以上代码，运行正常，提到js中，并且已经引入到文件中了，路径正确，却没有效果了！

你先确定看引入jQuery库没有，我看你的js都是jQuery语法，然后再看下你在meta标签里引入你手写的js文件

你可以在js中用alert看看啊，要是可以那就看看你的js代码哪里有错没，还有就是看看你有没有引进jquery架包。

1.有没有引入jq,
2.引入文件路径有没有错误。
3.打开控制台看看有没有报错，错在什么地方

修改你引用js的位置，如果是引用头部写在前面，那么改成到最后面，反之则反；因为有时有些js方法需要先加载页面在什么方法才有用的

在js中要定义方法名，然后在html里调用方法

最近学了一句话：最匪夷所思的BUG，往往是最简单的错误。

1、你把这个script代码放到了js中，那你引入那个Js了么？没有的话，必须先引入js
2、如果你已经引入了，还是没反应，那你看下的js文件中有没有另外的$(document).ready()，因为有时候你写了两个加载方法，js只运行一个

浏览器中打开控制台（按F12），刷新页面，看下面是否有报错。

测了下你的js代码，起作用了，只是不知道你body里用的什么标签，body里的代码贴出来