前端第9天

jQuery和Ajax

一、jQuery

1.获取父子节点

• 节点对象.parent() - 获取父节点
• 节点对象.children() - 获取所有的子节点

2.属性操作

• 标签内容
  节点对象.text()/节点对象.text(值)
  节点对象.html()/节点对象.html(值)
• value属性
  节点对象.val()/节点对象.val(值)
• class属性操作
  节点对象.addClass(class值)
  节点对象.removeClass(class值)
• 样式
  节点对象.css(css的属性名,css属性值) - 单独设置爱一个属性(属性名和值要个css一致)
  节点对象.css({
  属性名1: css属性值1,
  属性名2: css属性值2,
  属性名3: css属性值3
  …
  })

注意：属性名是驼峰式的css属性名，属性值和css属性值一样。

• 普通属性
  节点对象.attr(属性名)/节点对象.attr(属性名,属性值)

3.事件绑定

• jQuery节点对象.on(事件名, 函数) - 直接给指定标签绑定事件
• jQuery节点对象.on(事件名,选择器,函数)/父节点.on(事件名,子节点选择器,函数) - 给指定标签中通过选择器选中的子标签绑定事件

二、Ajax

1.什么是Ajax

AJAX(Asynchronous JavaScript and XML) - 异步js

2.怎么使用Ajax

$.ajax({
url: 数据接口,
type: 接口类型(GET/POST),
data: 参数对象(参数是发送请求的时候客户端传输给服务器的数据),
success: 函数(数据请求成功后会自动调用函数,函数的参数就是请求到的数据)
})