Day 8-note_jQuery_Ajax

jQuery

1.节点(标签)

1. 语法

$(HTML代码)  -- 返回标签对应的jQuery对象
例如：$("
我是一个段落
")

2. 创建节点
   只创建不添加不会显示

2. 添加节点

• jq节点1.append(jq节点2) -- 在节点1中最后添加节点2

• jq节点1.prepend(jq节点2) -- 在节点1的最前面添加节点2

• 节点1.before(节点2) -- 在节点1的前面插入节点2

• 节点1.after(节点2) -- 在节点1的后面插入节点2

3. 删除节点

• jq对象.remove()

• jq对象.empty() -- 清空指定节点

2. 属性操作

1. 标签内容属性：innerHTMl、innerText、value

• html方法(相当于innerHTMl)

节点.html()  --   获取节点内容
节点.html(值)  --  给节点的内容赋值

• text()方法(相当于innerText)
• val()方法(相当于value)

2. 普通属性

节点.attr(属性名)  --  获取指定节点指定属性的值
节点.attr(属性名,值)  --  修改指定节点直接属性的值

3. class属性

节点.addclass(值)  --  添加class属性
//节点.removeclass(值)  --  移除指定的class属性

3. 样式属性

• 获取样式属性的值
  节点.css(样式属性名)
• 修改样式属性的值
  节点.css(样式属性名, 值)
  节点.css(对象) -- 同时设置多种样式，就是没有提示

4. 事件绑定

• 方式一
  节点.on(事件名,函数) -- (和js中的addEventLinsenner功能一样)
  注意:this是js对象,evt是jQuery对象

• 方式二
  节点.on(事件名,选择器,函数) -- 给指定的节点绑定指定事件，并且让节点中选择器对应的子标签对事件作出反应
  错误示范：新添加的标签没有绑定上对应的事件

正确示范：
box3 选择器

Ajax

1. 什么是Ajax
   Ajax就是异步js，专门用来提供异步网络请求操作

$.ajax({
    type:请求方式(get/post),
    url:请求地址，
    data:请求参数,
    async:是否异步,
    dataType:返回的数据类型
    success:请求成功后调用的函数，函数的参数就是请求结果
 })