JQuery:
1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,最终版本:1.12.4 (2016年5月20日)
2.x:不兼容ie678,很少有人使用
3.x:不兼容ie678,只支持最新的浏览器。除非特殊要求,一般不会使用3.x版本的
JQuery对象和js对象方法不通用的,两者相互转换*
事件绑定 //1.获取b1按钮
入口函数 //文档加载完毕, 图片不加载的时候, 就可以执行这个函数。
$
window.onload 和 $(function) 区别
* window.onload 只能定义一次,如果定义多次,后边的会将前边的覆盖掉
* $(function)可以定义多次的。
//文档加载完毕, 图片也加载完毕的时候, 再执行这个函数。
<script type="text/javascript">
$(window).ready(function () {
alert("hello");
})
</script>
//文档加载完毕, 图片不加载的时候, 就可以执行这个函数。
<script type="text/javascript">
$(document).ready(function () {
alert("hello");
})
</script>
选择器:1. 基本选择器
1. 标签选择器(元素选择器)
* 语法: $("html标签名") 获得所有匹配标签名称的元素
2. id选择器
* 语法: $("#id的属性值") 获得与指定id属性值匹配的元素
3. 类选择器
* 语法: $(".class的属性值") 获得与指定的class属性值匹配的元素
4. 并集选择器:
* 语法: $("选择器1,选择器2....") 获取多个选择器选中的所有元素
2. 层级选择器
1. 后代选择器
* 语法: $("A B ") 选择A元素内部的所有B元素
2. 子选择器
* 语法: $("A > B") 选择A元素内部的所有B子元素
3. 属性选择器
1. 属性名称选择器
* 语法: $("A[属性名]") 包含指定属性的选择器
2. 属性选择器
* 语法: $("A[属性名='值']") 包含指定属性等于指定值的选择器
3. 复合属性选择器
* 语法: $("A[属性名='值'][]...") 包含多个属性条件的选择器
4. 过滤选择器
1. 首元素选择器
* 语法: :first 获得选择的元素中的第一个元素
2. 尾元素选择器
* 语法: :last 获得选择的元素中的最后一个元素
3. 非元素选择器
* 语法: :not(selector) 不包括指定内容的元素
4. 偶数选择器
* 语法: :even 偶数,从 0 开始计数
5. 奇数选择器
* 语法: :odd 奇数,从 0 开始计数
6. 等于索引选择器
* 语法: :eq(index) 指定索引元素
7. 大于索引选择器
* 语法: :gt(index) 大于指定索引元素
8. 小于索引选择器
* 语法: :lt(index) 小于指定索引元素
9. 标题选择器
* 语法: :header 获得标题(h1~h6)元素,固定写法
表单过滤选择器1. 可用元素选择器
* 语法: :enabled 获得可用元素
2. 不可用元素选择器
* 语法: :disabled 获得不可用元素
3. 选中选择器
* 语法: :checked 获得单选/复选框选中的元素
4. 选中选择器
* 语法: :selected 获得下拉框选中的元素
DOM操作内容操作:
1.
属性操作:
1.
* attr和prop区别?
1. 如果操作的是元素的固有属性,则建议使用prop
2. 如果操作的是元素自定义的属性,则建议使用attr
class属性:1.
* toggleClass("one"):
* 判断如果元素对象上存在class="one",则将属性值one删除掉。 如果元素对象上不存在class="one",则添加
4.
CRUD操作: 1.
jq遍历: 1.
1. 语法:
jquery对象
* index:就是元素在集合中的索引
* element:就是集合中的每一个元素对象
* this:集合中的每一个元素对象
2. 回调函数返回值:
* true:如果当前function返回为false,则结束循环(break)。
* false:如果当前function返回为true,则结束本次循环,继续下次循环(continue)
2. $.each(object, [callback])
工作记录例子:多个输入框判空并提示,显示相应的提示字符串
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5SY5EGZkVjN2YjYwkzMiFGMxITN2QjZ2MTZmBTMmF2Nx8CX0JXZ252bj91Ztl2Lc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
Ajax:ASynchronous JavaScript And XML 异步的JavaScript 和 XML
Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
同步:客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。
异步:客户端不需要等待服务器端的响应。在服务器处理请求的过程中,客户端可以进行其他的操作。
Ajax异步请求JQuery的三种实现方式:1、
$
2、
$.get():发送get请求
*
* 参数:
* url:请求路径
* data:请求参数
* callback:回调函数
* type:响应结果的类型
3、
$.post():发送post请求
*
* 参数:
* url:请求路径
* data:请求参数
* callback:回调函数
* type:响应结果的类型
工作中写的一个ajax请求例子,传输的数据是一个json
对于异步请求,如果我们想在ajax请求前,使用提示框进行拦截,那么需要将ajax请求写在逻辑代码块中,否则ajax在提示框出现前就提交请求了,这里我将ajax请求封装在一个函数中了
json:
var
获取json数据: 1. json对象.键名
2. json对象["键名"]
3. 数组对象[索引]
//获取ps中的所有值
for
jQuery EasyUI也得看看
- datagrid:向用户展示列表数据。
- dialog:创建或编辑一条单一的用户信息。
- form:用于提交表单数据。
- messager:显示一些操作信息。
- combobox: 组合框(combobox)显示一个可编辑的文本框和下拉列表