锐客网

  1. 首页 > it技术 > >

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:请求成功后调用的函数，函数的参数就是请求结果 })



    推荐阅读


    上一篇：狐仙恋

    下一篇：自律打卡群（不好意思，我先退群了！）