第028篇：jQuery

开始之前

1.什么是jQuery
jQuery本质就是一个用js封装的库，里面封装了很多方法和对象让网页开发更简单
jQuery是通过jQuery对象来提供功能

2.怎么导入jQuery



3.怎么使用jQuery
1) 在jQuery中$可以看成是jQuery类, $()就是jQuery对象;
2) 可以通过: $(节点) - 将js中的节点转换成jQuery对象;
3) jQuery对象的本质就是容器型数据类型的数据，容器中的元素是节点; 
   直接操作jQuery对象会作用于这个对象中所有节点对应的元素

1、节点操作

1)创建节点

$('HTML创建标签的语法')

2)添加节点

节点对象1.append(节点对象2)：在节点对象1的最后添加节点对象2（对象都是jQuery对象）
节点对象1.prepend(节点对象2)：在节点对象1的最前面添加节点对象2
节点对象1.before(节点对象2)：在节点对象1的前面插入节点对象2
节点对象1.after(节点对象2)：在节点对象1的后面插入节点对象2

3)删除节点

节点对象.remove()：删除指定节点对象
节点对象.empty()：删除节点对象中所有的子节点

4)拷贝节点

节点对象.clone()


    我是标题1

    我是标题2











    我是段落2
    我是超链接2
    
    我是段落3






    我是段落4

2、属性操作

1)特殊属性

text(),html()/text('标签内容'),html('标签内容')：获取/修改标签内容
val()/val('属性值')：获取/修改value属性
addClass(class名)：添加class属性
removeClass(class名)：移除class属性

2)样式属性

css(样式属性名)：获取样式的指点属性值
css(样式属性名,样式属性值)：设置指定样式的值
css(对象)：同时设置多个属性值 --> 值需要加引号，用逗号隔开(属性名加引号用css命名方式，不加引号需要驼峰式命名)

3)普通属性

attr(属性名)：获取指定属性值
attr(属性名, 值)：修改指定属性的值

我是段落1

我是段落2
我是段落3

3、事件绑定

这儿的this是事件源；但是是js对象
节点对象.on(事件名, 事件驱动程序)：直接给指定的节点绑定对象
节点对象.on(事件名, 选择器, 事件驱动程序)：通过父标签给选择器选中的子标签绑定事件

4、Ajax基本使用

$.ajax({
    url:数据接口地址,
    type:请求方式(get/post),
    data:请求数据/参数(客户端传递给服务器的数据, 值是对象),
    success:请求成功的回调函数(函数),
    error:请求失败的回调函数
 })