五杀摇滚小拉夫

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

#### post 请求需要发送一个header

setRequestHeader('Content-Type','application/x-www-form-urlencoded')

post请求的参数必须写在 send 内部


#### 如果http的状态200(请求成功),xhr的状态是4(成功状态)


#### 监听readystate status
xhr.onreadystatechange=function(){
if(xhr.status==200 && xhr.readyState==4){
//接收后台返回的数据
tip.innerHTML=xhr.reponseText;
}
}
####
JSON(JavaScript Object Notation, JS 对象标记)
是一种轻量级的数据交换格式

####
Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术
Ajax 是一种用于创建快速动态网页的技术
Ajax = 异步 JavaScript 和 XML(标准通用标记语言的子集)。

#### json 将php 中数组转换为json格式

echo json_encode("arr")


#### 将监听中接收数据,字符串转换为json
var json_response=JSON.parse(xhr.responseText)

#### classList对象表示元素的class属性
通过操作classList对象可以快速方便地操作对象的class

——————————————————————————-————

1. $(function(){});

加载完成简写

2. focus() 当元素获得焦点,触发focus事件
blur() 当元素失去焦点,触发blur事件
mousedown()鼠标按下
mousedown()鼠标抬起
mousemove()鼠标移动
mouseover() mouseout()鼠标划过,划出

3. on() 在选择元素上绑定一个或多个事件处理函数

比如:
$('p').on('click',function{})

bind()可以同时绑定多个事件类型

$('p').bind('click',function{};
'mouseover',function{};
)

 

1. attr(key,value) 获取/添加属性值
如果没有则添加,有则替换
removeAttr() 删除属性值


JQuery属性---CSS类
2. addClass() 添加样式
继续添加则一直在后面 .addClass('aa').addClass('bb')
或者 addClass('aa bb')

3. toggleClass()切换样式
hasClass('a') 判断是是否拥有a 样式

jQuery属性---HTML代码、文本、值

4. text() 获取所有匹配元素的内容

<p>1294095726</p>

$(function(){

console.log($('p').text())

})
输出结果为:1294095726

html() 获取匹配元素的html内容
5. 和text相似


6. val()获得匹配元素的当前值

<input type='text' name='' value='请输入'>

$(function(){

console.log($('input').val())

})

posted on 2018-08-23 17:07  五杀摇滚小拉夫  阅读(112)  评论(0编辑  收藏  举报