jquery（2）

一、追加内容插入元素：

内部元素(父子关系):

    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

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:默认错误提示信息