1.什么是JQuery?
<1> 一款JS库
<2> 可以非常方便的处理HTLM,事件以及动画
HTML:处理文档中的节点,如添加,删除等操作
事件: 对事件进行处理,如绑定,解绑等操作
动画: 淡入淡出,滑动等效果
<3> 可以兼容多个浏览器
2.JQuery的基本概念
<1>下载
官网点击打开链接,点击链接进入官网进行下载
<2>选择版本
使用1.12.4版本
<3>在自己的代码中引入jquery
<script src=".../jquery-3.1.9.js"></script> //下载到本地,根据路径进行引用
<script src="复制的jquery网址">
</script> // 直接根据网址进行引用
3.JQuery的基本操作
jquery的主要目的就是为了实现HTML<结构> JS<行为> CSS<表现> 三者的分离,使代码更加清晰,简单。
<1>$ window.jquery===window.$
<2> $.xxx $.each(),$noop()......
<3> $(xxx) xxx代表查询表达式或者是dom元素 本身的选择,返回jquery对象(即对原生dom对象的封装),与原生dom对象不同,但是可以相互转换,它包含了很多的方法,方便操作dom元素
<4> $(domObject) --- jquery Object
<5> $(xxx).get(0) --- DOM Object
<6> $(xxx)[0] --- DOM Object
4. 链式语法
$('#divTest').text('Hello World');
$('#divTest').removeClass('blue');
//我们可以将其更加简便化
$('#divTest')
.text('Hello world!')
.remove('...');
5 $(document).ready(function(){ }) 判断DOM元素是否加载完毕,不管它是什么东西,如大的图片,音频等;