复习{
jQuery:
什么是jq ? 是javaScript的框架
write less , do more 写的少 , 做的做
jquery能做的事儿,js都能做
js能做的事儿, jquery 不一定能做
jq在使用之前必须导入,jquery-1.xxx.js版本的文件
jQuery基础语法是什么?
$(function(){
//页面加载函数
})
function eat(){
}
选择器:
基础选择器: #id, .class , selector1,selector2 , *
层级选择器: 祖先 后代 , parent > child , + 紧挨着 , ~ 同级
基本选择器: :first , :last , :odd, :even , not(selector) ,
:lt(index); :gt(index); :eq(index);
内容选择器: :contains(内容); , :empty ,has(selector);
:parent(selector);
可见选择器: hidden(); 隐藏的
visible(); 可见的
属性选择器: $("[name]")
$("[name!='admin']")
$("[name^=a]")
$("[name$=a]")
$("[name*=a]")
表单选择器: :text , :checkbox , :radio, :submit , :password
:reset, :button , :hidden ,
表单属性选择器:
:checked
:selected
拓展的方法:
1.val(); 如果无参数就是获取属性的值
如果有参数就是给指定的value属性赋值
2.html(); 如果无参数就是获取文本内容
如果有参数,就是向指定标签的文本上赋值,识别标签
3.text(); 同上, 但是不识别标签
4.css(); 个标签添加css样式,如果多个属性用
json格式 {key:value,key:value}
5.prop(); 专门用来操作标签的属性,如果是一个参数
prop("value"); 获取value的值
prop("value","李四");给指定属性赋值
6.get(0); 将jquery对象转换为 js对象
$(data) ,$(this); 将js对象转换为jquery对象
7.each(function(index,data){ });
全选按钮:
}
=============================================================
文档处理:
内部插入
append(content|fn);
A.append(B); 向A内部 中追加B
appendTo(content)
B.appendTo(C); 向C内部 中追加B
prepend(content|fn);
A.prepend(B); 向A内部的前面追加
prependTo(content);
B.prependTo(A);向A内部的追加
外部插入
after(content|fn); 后面
A.after(B); 向A的后面追加B
before(content|fn); 前面
A.before(B);向A的前面追加B
insertAfter(content);
A.insertAfter(B); 将A插入到B的后面
insertBefore(content)
A.isertBefore(B); 将A插入到B的前面
替换
replaceWith(content|fn)
replaceAll(selector)
删除
empty(); 删除指定标签的内部所有元素和内容
$("body").empty();
remove([expr])
$("body").remove(选择器);
$("button").remove(); 删除自己
拓展方法:
eq(index);获取一个容器中指定下标的元素
first(); 获取第一元素
last(); 获取最有一个元素
is(); 判断指定容器中是否包含这个对象,元素,内容,返回true , false、
parent(); 找指定标签的父元素
parents(); 找指定标签的祖先元素
children(); 找指定标签的所有子元素, 不好含孙子元素
siblings();获取指定标签的同级元素
pre(); 查找指定元素的前一个元素
next(); 查找指定元素的下一个元素
removeProp(属性名); 删除指定属性
页面加载函数的复杂写法
$(document).ready(function(){
// 在这里写你的代码...
});
等价于
$(function(){
})
事件:
blur([[data],fn])
change([[data],fn])
click([[data],fn])
focus();
submit(); 是用来提交 form表单的事件
var a = $("#for").serialize();获取form表单所有的值
以字符串形式例如: username=Tom&pwd=123
向后台提交数据的方式有几种?
1.直接在form表单中添加 submit按钮
2.使用button按钮绑定 submit()事件;
3.使用序列化获取form表单的所有值,
借助于 window.location.href = "地址?key=value"
1.动态插入表格
2.左飞飞右飞飞
:selected
3.手机号大显
show(); 显示
hide(); 隐藏
fadeIn(); 淡入
fadeOut(); 淡出
slideDown(); 向下滑动
slideUp(); 向上滑动