如何加载jquery（如何加载插件）

加载在线版的 jquery 文件地址

<script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.slim.min.js"></script>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
//......
</script>

注意:加载的jQuery脚本必须放在<script></script>脚本之前, 否则不能生效

ready(fn)

当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

jQuery 代码:

$(document).ready(function(){
// 在这里写你的代码...
});

描述:使用 $(document).ready() 的简写，同时内部的 jQuery 代码依然使用 $ 作为别名，而不管全局的 $ 为何。

jQuery 代码:

$(function($) {
// 你可以在这里继续使用$作为别名...
});

jQuery:简单例子

<!--引入jquery的js库-->
<script type="text/javascript" src="script/jquery-1.4.2.js"></script>
<script language="JavaScript">
$(document).ready(function(){//等待dom元素加载完毕,类似window.onload;
alert("您好,我是张三丰");
});
</script>

window.onload与ready方法的区别？

ready方法要快于window.onload方法

window.onload：必须等到页面中的所有元素加载完毕后才能触发

ready：只要等到当前要操作的DOM对象加载完毕后就会立即触发，可能资源还没有加载完毕。

ready方法可以有多个, window.onload只能有一个

虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法.乱使用会报错

约定：如果获取的是 jQuery 对象, 那么要在变量前面加上 $.

var $variable = jQuery 对象

var variable = DOM 对象

对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)

//<input type="text" name="username" id="username" value="张老师"/>
//获取DOM对象
var username = document.getElementById("username");
alert(username.value);
//转化为jQuery对象
var $username=$(username);
alert("^^^"+$username.val());

转换后就可以使用 jQuery 中的方法了