一括儒、追加內(nèi)容插入元素：
內(nèi)部元素(父子關(guān)系):
????a.append(b); 把b追加到a里面的后面
????a.preppend(b);把b追加到a里面的前面
????b.appendTo(a);把b追加到a里面的后面
????b.preppendTo(a);把b追加到a里面的前面
外部元素插入(同級(jí)關(guān)系)
????a.after(b) a的后面插入b
????a.before(b) a的前面插入b
????b.insertAfter(a);a的后面插入b
????b.insertBefore(a) a的前面插入b
刪除元素:
????empty()? 清空子元素
????remove() 自殺
二、直接操作標(biāo)簽體:
html(); 就是操作標(biāo)簽的.innerHTML屬性
text(); 就是操作標(biāo)簽的.innerText屬性
val();? 操作標(biāo)簽的value屬性
設(shè)置操作給參數(shù) 沒有參數(shù)獲取 同樣他們也是獲取第一個(gè)? 設(shè)置 所有
三锐想、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:顯示多少個(gè)備選項(xiàng)
表單元素
? ? disabled
? ? checked:選中的
? ? selected:選中的
表單屬性選擇器:
? ? :enabled: 選中可用
? ? :disabled 選取處于不可用狀態(tài)的元素
? ? :checked 選取處于選中狀態(tài)的 單選框 多選框 下拉選擇框
? ? :selected 選取處于選中狀態(tài)的下拉選擇框
五、validator：
1.下載
2.解壓
3.使用它的方法
????1.先導(dǎo)入jquery
????2.導(dǎo)入自己js文件
4.頁面加載完成以后
$(function(){
$("選擇器不管用啥選擇器 選中表單").validate({
rules:{},
messages:{}
});
})
5.規(guī)則
required:必填
number:必須數(shù)值
min:最小值
max:最大值
range:[min,max] 區(qū)間范圍
minlength: 最小長度
maxlength: 最大長度
rangelength:[min,max] 長度區(qū)間
email:郵箱格式
equalTo:相同
6.規(guī)則的用法:
rules:{寫在這代碼},
rules:{
校驗(yàn)的字段的name屬性值:{
規(guī)則名:規(guī)則值,
規(guī)則名:規(guī)則值,
....
}
}
7.自定義提示信息
messages:{
校驗(yàn)的字段的name屬性值:{
規(guī)則名:提示信息,
規(guī)則名:提示信息,
....
}
}
8.自定義規(guī)則
$.validator.addMethod(name,fn,msg);
name:自定義規(guī)則的名字 唯一
fn:回調(diào)函數(shù) 校驗(yàn)規(guī)則
function (value,dom,params){
value:觸發(fā)校驗(yàn)?zāi)且豢?輸入框值
dom:觸發(fā)校驗(yàn)輸入框?qū)ο蟊旧?/p>
params:使用該規(guī)則時(shí) 給出規(guī)則值
return true|false;
}
這個(gè)方法 必須有一個(gè)bool的返回值
msg:默認(rèn)錯(cuò)誤提示信息
