1、jQuery的使用方式

1、下载jQuery库文件
网址
2、将下载好的js文件放到项目中，并引入到需要的HTML文件中
3、使用jQuery
注意：jQuery库文件的导入必须在自己写的代码之前。就绪函数在页面上可以写n个。

这是DIV

DOM对象与jQuery对象

DOM对象：就是通过原生JavaScript方法获取到的对象就是DOM对象。

jQuery对象：就是通过jQuery方法获取的对象。

jQuery对象和DOM对象可以进行相互转换，但是切记两种对象的属性和函数不能彼此混搭使用

DOM对象转jQuery对象，语法：jQuery(DOM对象); 或 $(DOM对象);

jQuery对象转DOM对象，语法：jQuery对象[index]; 或 jQuery对象.get(index);

这是DIV

2、jQuery选择器

1、基本选择器

使用最多的选择器分别是：标签选择器，ID选择器，类选择器，全局选择器

第一个DIV
第二个DIV
第三个DIV
第四个DIV
第一个P

2、层次选择器
根据元素与元素之间的关系来查找元素分别是：后代选择器 ，子元素选择器>，同辈元素选择器~，同辈相邻元素选择器+

这是out前面的span
这是out里面的span
这是out里面的p里面的span
这是out后面的span这是out后面的span再后面的span
这是out后面的后面的的P

3、jQuery属性操作

prop()

prop(“属性名”);获取指定属性的值。

prop(“属性名”,”属性值”);设置指定属性的值。

全选
篮球
足球
排球
乒乓球

4、jQuery样式操作

1、css(“样式名”,”样式值”);或css({“样式名1”:”样式值1”,“样式名2”:”样式值2”});

5、jQuery内容操作

html();设置或返回所选元素的内容（包括 HTML 标记），相当于JS的innerHTML

text();设置或返回所选元素的文本内容，相当于JS的innerText

val();设置或返回表单域的值，相当于JS的value

这是DIV

6、jQuery文档操作

$();创建标签

append();在指定的标签中后置添加

prepend();在指定的标签中前置添加

after();在指定标签的后面添加

before();在指定标签的前面添加

remove();移除指定标签

这是DIV

7、jQuery动画

显示与隐藏

show(time,function);显示

hide(time,function);隐藏

toggle(time,function);在显示与隐藏之间相互切换

time：显示与隐藏的时间，单位是毫秒

function：回调函数。显示与隐藏完毕之后自动调用的函数。

两个参数都是可选参数。

8、bootstrap使用方式

在HTML文件中引入对应的bootstrap文件（注意，bootstrap.js是基于jQuery的，所以要先引入jQuery）

你好，世界！