文章目录
jquery简介
jquery可以理解为JavaScript的库,跟方便快捷完成页面事件,动画等;
开始学习
1.jquery版本1.X兼容ie 6 7 8
2.x和3.x版本不兼容ie 678 但文件比较小
3.原生的js和jquery的区别
3.1 原生的js要等到dom和图片都加载完后再执行;
而JQuery等到dom加载完后,就会执行【获取远程图片大小会失效】;
3.2原生的js入口函数后写的,会覆盖原来的
JQuery的入口函数不会覆盖
2.开始使用
2.1 去官方网站下载版本 https://jquery.com/
有压缩文件 .min.js【一般用于上线的项目】和开发版本 .js【开发阶段使使用】
2.2引入
<script src="xxx">
3.语法
1.入口函数
//入口函数 第一种写法
$(document).ready(function(){
});
//入口函数 第二种写法
jquery(document).ready(function(){
})
//入口函数 第三种写法
$(function(){
})
//入口函数 第四种写法
jquery(function(){
})
2.点击事件onclike()
3.编辑样式
$("#id").css({
width:200px;
})
4.js冲突问题
JQuery引入的同时,可能应用其他的框架,同样的 符 号 , 代 表 了 不 同 的 意 思 , 会 产 生 一 个 现 象 , 就 是 后 引 入 的 j s 的 符号,代表了不同的意思,会产生一个现象,就是后引入的js的 符号,代表了不同的意思,会产生一个现象,就是后引入的js的表示后引入的意义。之前引入的失效。
//通过这个来释放资源
JQuery.noConflict();
//注意,以后使用JQuery,$符号都失去了意义,必须使用jquery来引用相关的方法。