jQuery元素操作

主要是遍历、创建、添加、删除元素操作

一、遍历元素

jQuery隐式迭代是对同一类元素做了同样的操作,如果想要给同一类元素做不同操作,就要遍历。
语法1:

$("div").each(function(index,domEle){});

1、each()方法遍历匹配的每一个元素,主要用DOM处理,each每一个
2、里面的回调函数有2个参数:index是索引号,domEle是每个DOM元素对象不是jquery对象
3、所以要想使用jquery方法,需要将这个dom元素转换为jquery对象$(domEle)

语法2:

$.each(object,function(index,element){});

1、$.each()方法可用于遍历任何对象,主要用于数据处理,比如数组,对象
2、里面有2个参数:index是每个元素的索引号,element遍历内容

$.each(arr.function(i,ele){
console.log(i);
console.log(ele);
})
$.each({
  name:"andy";
  age:18
  },function(i,ele){
  console.log(i); //输出name age属性名
  console.log(ele);// 输出属性值
 
 })

二、创建元素

语法:

$(’’ <li></li> "); //创建li标签

三、添加元素

1、内部添加

element.append(“内容”)

$("ul").append(li);//把内容放到匹配元素的最后面,类似原生appendChild
$("ul").prepend(li);//添加到元素的最前面

2、外部添加

element.after(“内容”) //把内容放入目标元素后面
element.before(“内容”) //把内容放到目标元素前面

  • 内部添加元素 生成之后 他们是父子关系
  • 外部添加元素 生成之后 他们是兄弟关系

四、删除元素

element.remove() //删除匹配的元素(本身)

element.empty() //删除匹配的元素集合中所有的子节点

element.html(" ") //清空匹配的元素内容

jQuery元素操作jQuery元素操作 我是你要找的bug 发布了39 篇原创文章 · 获赞 0 · 访问量 1322 私信 关注
上一篇:JavaScript的基础知识(一)


下一篇:JavaScript常用的兼容语法