一、追加内容插入元素:
内部元素(父子关系):
a.append(b); 把b追加到a里面的后面
a.preppend(b);把b追加到a里面的前面
b.appendTo(a);把b追加到a里面的后面
b.preppendTo(a);把b追加到a里面的前面
外部元素插入(同级关系)
a.after(b) a的后面插入b
a.before(b) a的前面插入b
b.insertAfter(a);a的后面插入b
b.insertBefore(a) a的前面插入b
删除元素:
empty() 清空子元素
remove() 自杀
二、直接操作标签体:
html(); 就是操作标签的.innerHTML属性
text(); 就是操作标签的.innerText属性
val(); 操作标签的value属性
设置操作给参数 没有参数获取 同样他们也是获取第一个 设置 所有
三、jquery封装的遍历操作:
原生js遍历
for(var i=0;i<arr.length;i++){
var x=arr[i];
}
方式一:
$("选择器").each(function(index,dom){
//index代表索引
//dom 正在被遍历的dom元素
//this正在被遍历的dom元素
})
方式二:
$.each($("选择器"),function(index,dom){
//index代表索引
//dom 正在被遍历的dom元素
//this正在被遍历的dom元素
})
四、属性:
下拉选择框
multiple:多选 支持多选
size:显示多少个备选项
表单元素
disabled
checked:选中的
selected:选中的
表单属性选择器:
:enabled: 选中可用
:disabled 选取处于不可用状态的元素
:checked 选取处于选中状态的 单选框 多选框 下拉选择框
:selected 选取处于选中状态的下拉选择框
五、validator:
1.下载
2.解压
3.使用它的方法
1.先导入jquery
2.导入自己js文件
4.页面加载完成以后
$(function(){
$("选择器不管用啥选择器 选中表单").validate({
rules:{},
messages:{}
});
})
5.规则
required:必填
number:必须数值
min:最小值
max:最大值
range:[min,max] 区间范围
minlength: 最小长度
maxlength: 最大长度
rangelength:[min,max] 长度区间
email:邮箱格式
equalTo:相同
6.规则的用法:
rules:{写在这代码},
rules:{
校验的字段的name属性值:{
规则名:规则值,
规则名:规则值,
....
}
}
7.自定义提示信息
messages:{
校验的字段的name属性值:{
规则名:提示信息,
规则名:提示信息,
....
}
}
8.自定义规则
$.validator.addMethod(name,fn,msg);
name:自定义规则的名字 唯一
fn:回调函数 校验规则
function (value,dom,params){
value:触发校验那一刻 输入框值
dom:触发校验输入框对象本身
params:使用该规则时 给出规则值
return true|false;
}
这个方法 必须有一个bool的返回值
msg:默认错误提示信息