Day|Day 8-note_jQuery_Ajax

jQuery 1.节点(标签)

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

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

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

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

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

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

  1. 删除节点
  • jq对象.remove()

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

2. 属性操作
  1. 标签内容属性:innerHTMl、innerText、value
  • html方法(相当于innerHTMl)
节点.html()--获取节点内容 节点.html(值)--给节点的内容赋值


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

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


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


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

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

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

【Day|Day 8-note_jQuery_Ajax】正确示范:
box3 选择器

Ajax
  1. 什么是Ajax
    Ajax就是异步js,专门用来提供异步网络请求操作
$.ajax({ type:请求方式(get/post), url:请求地址, data:请求参数, async:是否异步, dataType:返回的数据类型 success:请求成功后调用的函数,函数的参数就是请求结果 })



    推荐阅读