总结
-
理解 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 对象 // 回调函数在服务器成功响应的时候被调用的, 调用时第一个实参就就是服务器响应回来的数据