jQuery输入框相关函数，动画，内容操作

jQuery03

提前开通网络, 今天使用

复习

• 输入框相关

  • 获得焦点: focus

  • 失去焦点: blur

  • 内容变更: change

  • 键盘事件: keyup – 回车 keyCode 13

  • 实时变化监听: 事件名 input

    • 利用万能事件监听: on(事件名, 回调函数)

• 动画

  • 显示: show 隐藏: hide 切换: toggle
  • 收起: slideUp 展开: slideDown 切换: slideToggle
  • 透明: fadeIn fadeOut fadeTo fadeToggle
  • 自定义:animate – 不支持 颜色 和 transform 相关

• 内容操作

  • 子元素添加: append
  • 兄弟元素
    • 前方: before
    • 后方: after
  • 删除
    • 清空子元素: empty
    • 删除某元素: remove

• 事件委托: on(事件名, '用于过滤的选择器', 回调函数)

  • 如果写了过滤的选择器, 则回调函数的this 就是过滤出的元素

网站开发的方式

开发网站共有两种方式:

• 前后端一起开发
  • 早期的网站开发 – PHP, JAVA
  • 特点: 服务器 和 网页 开发都由服务器人员完成,没有专业的前端开发
  • 在服务器端查询到数据, 直接填充到网页里, 最后把网页传递给用户, 此方式对服务器压力过大
• 前后端分离开发
  • 服务器: 开发数据接口: 从数据库查询到数据, 通过网络传递给前端
    • 亮哥: express服务器
  • 前端: 利用AJAX发送请求给服务器, 服务器查询到数据之后传递给前端
    • 特点: 前端拿到数据之后, 需要自己拼接到HTML中, 显示页面
    • 楠姐: AJAX
  • 前后端分离是目前的主流

2190)]

[外链图片转存中…(img-JKBNez5J-1642605882191)]