1.在eclipse中的创建
参考：如何使用eclipse编写第一个jQuery程序实例_百度经验 https://jingyan.baidu.com/article/c33e3f4888dd26ea15cbb5ae.html
2.$(function() {});问题
$(function() {});是$(document).ready(function(){ })的简写
$(document).ready() 里的代码是在页面内容都加载完才执行的，如果把代码直接写到script标签里，当页面加载完这个script标签就会执行里边的代码了，此时如果你标签里执行的代码调用了当前还没加载过来的代码或者dom，那么就会报错，当然如果你把script标签放到页面最后面那么就没问题了，此时和ready效果一样。
$(document).ready(function(){})可以简写成$(function(){});
总结：
$(document).ready 里的代码是在页面内容都加载完才执行的，你直接写到script标签里，当页面加载完这个script标签就会执行里边的代码了，如果你标签里执行的代码调用了当前还没加载过来的代码或者dom，那么就会报错，
当然如果你把script标签当到页面最后面那么就没问题了和ready差不多的效果
参考：jQuery中$(function() {});问题详解_jquery_脚本之家 https://www.jb51.net/article/70836.htm