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属性
设置操作 可以赋值参数 可以获取参数 同样 他们也是获取第一个 设置所有
例如: $("#XX").html() 获取id为XX的标签体内的HTml内容
$("#XX").html(“QQQQq”) 为id属性值为XX的标签 设置html 内容为QQQQq;

jquery封装的遍历操作
因为使用$(“选择器”)获取的jQuery对象 对象里面包含选择的所有的原生DOM对象
原生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插件 是基于jQuery开发 扩展机制 校验表单
使用步骤:
1.下载
2.解压
3.使用它的方法
(1) 先导入jquery
(2) 导入自己的js文件
4.页面加载完成以后
$(function(){
$(“选择器 不管用什么选择器 选中表单”).validate({
rule:{},
messages:{}
});

})
5. 规则
required:必填的文本框
number:必须是数值
min:最小值
max:最大值
range:[min,max] 区间范围
minlength:最小长度
maxlength:最大长度
ranglength:[min,max] 长度区间
email:邮箱格式
qqualTo:相同
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
}
这个方法必须有返回值
msg:默认错误提示信息

Js的继承体系
在js中 方法不仅仅是方法 还可以看作是一个类.
比如:

Var dog1=new dog(“旺财”)
这种用法 就相当于是创建了一个对象
dog1.sing 会在浏览器输出旺财在唱歌
这种用法相当于对象调用方法

Var dog2=new dog(“大白”)
dog2.dance=function(){
alert(this.name+”在跳舞”)
}
这种用法相当于为dog2这个对象添加了一个跳舞的方法

当我们从外部引入别人写的js时 想在别人写的方法中添加自己的方法
Js中提供了一种原型机制:
方法名/类名.prototype.要添加的方法名
例如:
Dog.prototype.dance=function(){
Alert(this.name+”在跳舞”)
}
这样就相当于在Dog 中添加了一个dance方法 本页创建的所有dog对象都可以用

Jquery的扩展机制
如果需要给定义好的方法添加其它方法:
调用$.fn.extend({
方法名:function(){
代码
}
})
其底层实现原理:
$.fn= $.prototype
在js中 方法既是类 方法也是对象