1.复习内容
-
Jquery
-
jquery是什么?
- 少代码,实现多功能,
- 比js更精简的代码,实现更多的功能
-
Jquery元素选取
- 选取所有元素 $(*)
- 选取当前元素$(this)
- 选取类和id时候一定要加.或者#
- 选取属性元素$([attr:’value’])
- 选取奇数偶数位置 $(“tr:even”) , $(“tr:odd”)
-
jquery找标签
- id选择器,
- 类选择器,
- 标签选择器,
- 子代选择器,
- 后代选择器,
- 并集选择器
-
jquery选择器筛选
- p:frist 第一个p元素
- p:last 最后一个p元素
- p:eq(2) 第三个p元素,索引从0开始
- p:gt(3) ,p:lt(3) 索引大于3、小于3
- :even ,:odd 偶数,奇数位置
-
表单筛选
- input:text input的text
- input:button input的input:button
-
Jquery事件
-
方法1,去掉on 直接调用方法
- jq.click() 里面添加匿名函数
- jq.hover() 里面添加匿名函数
-
方法2,用on方法
- $('.box').on(‘click’,function(){})
-
jquery改样式和属性
-
内容操作
- html() html元素内容
- val() value值
- text() 文字内容
-
样式操作
- css() 单一 传递两个变量
- css() 多个 传递一个字典
-
类的操作
- jq.addClass() 添加
- jq.removeClass() 移除
- jq.toggleClass() 有就删除 没有就添加
- jq.hasClass()
-
自定义属性
- jq.attr(‘key’,value)
- jq.removeAttr(‘key’)
- jq.prop(‘key’,’value’)
-
资料:
2.灵感代办
- 将django api全部练习一下
- 将js和jq的语法等在熟悉一下
- 思维问题
- 穷人思维买了东西都是想着怎么保护,
- 富人思维买了东西都想着如何变现
3.学习内容
-
Ajax
- 理解:
- AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
- AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
- AJAX 主要功能: 异步请求, 局部刷新
- 使用Ajax
- 1.创建对象
-
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
- 2.发送请求
-
open(method,url,async)
规定请求的类型、URL 以及是否异步处理请求。method:请求的类型;GET 或 POSTurl:文件在服务器上的位置async:true(异步)或 false(同步)
send(string)
将请求发送到服务器。
string:仅用于 POST 请求 |
| setRequestHeader(header,value) | 向请求添加 HTTP 头。
header: 规定头的名称
value: 规定头的值 |
- 3.服务器响应
-
属性
描述
responseText
获得字符串形式的响应数据。
responseXML
获得 XML 形式的响应数据。
- 4.ajax事件
-
属性
描述
onreadystatechange
存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
readyState
存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中4: 请求已完成,且响应已就绪 |
| status | 200: "OK"404: 未找到页面 |
4.扩展延伸知识
-
ajax适配函数不生效问题
- 可能是浏览器缓存旧的js文件
5.知识内容个人梳理
6.今天都复习了之前的什么内容
Jquery
-
jquery是什么?
- 少代码,实现多功能,
- 比js更精简的代码,实现更多的功能
-
Jquery元素选取
- 选取所有元素 $(*)
- 选取当前元素$(this)
- 选取类和id时候一定要加.或者#
- 选取属性元素$([attr:’value’])
- 选取奇数偶数位置 $(“tr:even”) , $(“tr:odd”)
-
jquery找标签
- id选择器,
- 类选择器,
- 标签选择器,
- 子代选择器,
- 后代选择器,
- 并集选择器
-
jquery选择器筛选
- p:frist 第一个p元素
- p:last 最后一个p元素
- p:eq(2) 第三个p元素,索引从0开始
- p:gt(3) ,p:lt(3) 索引大于3、小于3
- :even ,:odd 偶数,奇数位置
-
表单筛选
- input:text input的text
- input:button input的input:button
-
Jquery事件
-
方法1,去掉on 直接调用方法
- jq.click() 里面添加匿名函数
- jq.hover() 里面添加匿名函数
-
方法2,用on方法
- $('.box').on(‘click’,function(){})
-
-
jquery改样式和属性
-
内容操作
- html() html元素内容
- val() value值
- text() 文字内容
-
样式操作
- css() 单一 传递两个变量
- css() 多个 传递一个字典
-
类的操作
- jq.addClass() 添加
- jq.removeClass() 移除
- jq.toggleClass() 有就删除 没有就添加
- jq.hasClass()
-
自定义属性
- jq.attr(‘key’,value)
- jq.removeAttr(‘key’)
- jq.prop(‘key’,’value’)
-
-
资料:
- 将django api全部练习一下
- 将js和jq的语法等在熟悉一下
- 思维问题
- 穷人思维买了东西都是想着怎么保护,
- 富人思维买了东西都想着如何变现
3.学习内容
-
Ajax
- 理解:
- AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
- AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
- AJAX 主要功能: 异步请求, 局部刷新
- 使用Ajax
- 1.创建对象
-
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
- 2.发送请求
-
open(method,url,async)
规定请求的类型、URL 以及是否异步处理请求。method:请求的类型;GET 或 POSTurl:文件在服务器上的位置async:true(异步)或 false(同步)
send(string)
将请求发送到服务器。
string:仅用于 POST 请求 |
| setRequestHeader(header,value) | 向请求添加 HTTP 头。
header: 规定头的名称
value: 规定头的值 |
- 3.服务器响应
-
属性
描述
responseText
获得字符串形式的响应数据。
responseXML
获得 XML 形式的响应数据。
- 4.ajax事件
-
属性
描述
onreadystatechange
存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
readyState
存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中4: 请求已完成,且响应已就绪 |
| status | 200: "OK"404: 未找到页面 |
4.扩展延伸知识
-
ajax适配函数不生效问题
- 可能是浏览器缓存旧的js文件
5.知识内容个人梳理
6.今天都复习了之前的什么内容
Ajax
- 理解:
- AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
- AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
- AJAX 主要功能: 异步请求, 局部刷新
- 使用Ajax
- 1.创建对象
-
var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
-
- 2.发送请求
-
open(method,url,async) 规定请求的类型、URL 以及是否异步处理请求。method:请求的类型;GET 或 POSTurl:文件在服务器上的位置async:true(异步)或 false(同步) send(string) 将请求发送到服务器。 string:仅用于 POST 请求 |
| setRequestHeader(header,value) | 向请求添加 HTTP 头。
header: 规定头的名称
value: 规定头的值 |
-
- 3.服务器响应
-
属性 描述 responseText 获得字符串形式的响应数据。 responseXML 获得 XML 形式的响应数据。
-
- 4.ajax事件
-
属性 描述 onreadystatechange 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。 readyState 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。 0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中4: 请求已完成,且响应已就绪 |
| status | 200: "OK"404: 未找到页面 |
-
- 1.创建对象
-
ajax适配函数不生效问题
- 可能是浏览器缓存旧的js文件
5.知识内容个人梳理
6.今天都复习了之前的什么内容