jQuery要遍历对象用each方法
var arr=["red","blue","green"];
$("div").each(function(i.domEle){
$(domEle).css("color",arr[i]);
})
要遍历数组用$each方法
$.each({
name:Andy,
age:18
},function(i,ele){
console.log(i);
console.log(ele);
})
该代码输出name Andy age 18
案例:
function getSum(){
var count=0;//总件数
var money=0;//总价钱
$(".itxt").each(function(i,ele){
count+=parseInt($(ele.val()));//得到的值转换为数值形式
})
$(".amount-sum em").text(count);
$(".p-sum").each(function(i,ele){
money+=parseInt($(ele).text().substr(1));
})
$(".amount-sum em").text(money);
}
创建添加删除元素
创建:
var div=$(“”)
添加:
1.内部添加(父子关系)
$(“ul”).append(li)
2.外部添加(兄弟关系)
$(“ul”).after(li)或before
删除:
element.remove()删除匹配的元素本身
element.empty()删除对应子节点
element.html(“”)清空元素内容
jQuery元素位置:
1.offset 获取设置距离文档的距离
$(elenent).offset();
2.pisition 获取带有定位父级位置的距离
该方法只能获取不能设置
3.scrollTop()scrollLeft()
设置或获取被卷去的头部和左侧