一.简介
jquery是JS函数库，极大简化了js编程。写的更少做的更多。
特性：HTML元素选取，HTML元素操作，CSS操作，HTML事件函数。JS特效和动画。
二.添加JQuery库
jquery库位于一个js 文件中，包含了所有的JQuery函数
引用方式，添加script标签通过src属性引入。如果想要书写JQuery代码需要再书写一个script标签，为了避免页面加载时出现错误，所以script标签应位于整个HTML文件的最下面。
两种版本：
压缩版：用于实际的网站中，已被精简和压缩
未压缩版：用于生产环境中，开发和测试中，方便阅读。
下载地址https://jquery.com
三.写法
//js原生版
<script>
window.onload=function(){
alert(666);
}
</script>
//jquery版
<script>
$(function(){
alert(666);
});
</script>
四.JS与JQuery页面加载的区别
JS只会弹出456,js只能定义一次，后面的会把前面的覆盖掉
window.onload=function(){
alert(123);
}
window.onload=function(){
alert(456);
}
jQuery可以定义多次，789，987都会弹出。
$(function(){
alert(789);
});
$(function(){
alert(987);
});
五.操作内容
<script>
//JS原生写法
//获取内容
var b=document.getElementById("mydiv").innerHTML
console.info(b);
//修改内容
document.getElenmetById("#mydiv").innerHTML="没有共产党就没有新中国";
</script>
<body>
<div id="mydiv">
我爱我的祖国
</div>
</body>
//jquery写法
//写jquery代码前一定要先引入
<script>
//获取内容
var b=$("#mydiv").html();
alert(b);
//修改内容
$("#mydiv").html("没有共产党就没有新中国");
</sccript>
<div id="mydiv">
我爱我的祖国
</div>
</body>
.html()方法介绍
html方法设置或返回被选元素的html内容，包括标签和文本内容，当里面未设置参数时，为获取内容，设置参数时为，为修改内容，注意参数类型是string类型，要用单引号或者双引号括起来。
js与jquery的转换
jquery虽然本质上也是js，但如果使用了JQuery的属性和方法就必须证明对象是jquery对象，而不是js对象。通过js方法获取的是js对象，通过jquery方法获取的是jquery对象。
//JS转jquery
$(js对象)
$(document.getElementById("mydiv")).html();
//jquery转js
//方式1
$("#mydiv")[0].innerHTML
//方式2
$("#mydiv").get(0).innerHTML
扫一扫
265
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
