【三】day08/26(个人笔记)Jquery基础

总结

• 理解 jQuery 是什么，为什么要使用它。

  一个 js 框架, 可以让我们做 dom 操作, 事件绑定 AJAX , 代码写得更少, 提高开发效率

• 区分 DOM 对象和 jQuery 对象。

  从 API 上 document $

  从打印上 元素内容 对象里面封装元素内容

  从命名上 普通 名字以$开头

• 掌握使用 jQuery 找页面元素。

  $('#id属性值')
  $('元素名')
  $('.class属性值')
  $('[属性名=属性值]')
  $(':selected')
  

• 掌握使用 jQuery 给元素绑定事件。

  jQuery对象.事件方法名(匿名函数) // 匿名函数中 this 是事件源, dom 对象  click blur change
  

• 掌握使用 jQuery 操作页面元素。

  jQuery对象.append(..)		在元素的后面添加儿子
  jQuery对象.after(..)		在元素的后面添加兄弟
  jQuery对象.empty()				删除
  jQuery对象.remove|detach()		删除
  
  jQuery对象.html([值])		带标签
  jQuery对象.text([值])		不带标签
  
  jQuery对象.val([值])
  jQuery对象.css('样式名'[, 样式值])
  jQuery对象.addClass('class属性值')  jQuery对象.removeClass('class属性值')
  jQuery对象.prop('checked|selected'[, true|false])
  jQuery对象.data('data-开头的属性名')
  jQuery对象.attr('属性名'[, 属性值])
  
  jQuery对象.each(匿名函数) // 底层每次遍历执行这个匿名函数 arguments
  $.inArray(值, 数组) // 返回值在数组中索引, 若不存在返回 -1
  

Json和JQuery AJAX:

• 掌握使用 jQuery AJAX 发送请求处理响应。

  $.get|post('请求路径', 参数, 回调函数) 
  // 参数可以为参数字符串或者 js 对象
  // 回调函数在服务器成功响应的时候被调用的, 调用时第一个实参就就是服务器响应回来的数据