jQuery: 整理5---删除元素和遍历元素

1. 删除元素

   span{
       color: white;
       padding: 8px;
       margin: 5px;
       float: left;
    }
    .green {
       background-color: green;
    }
    .blue {
       background-color: blue;
    }
   green
   blue
   333
   444

jQuery: 整理5---删除元素和遍历元素_第1张图片

1. 使用  remove()   ->  删除元素及其子元素,标签和内容一起删除

   指定元素.remove()

$(".green").remove()

jQuery: 整理5---删除元素和遍历元素_第2张图片

2.  empty()   ->  清空元素内容, 保留标签

 $(".blue").empty()

jQuery: 整理5---删除元素和遍历元素_第3张图片

2. 遍历元素

span{
  color: white;
  padding: 8px;
  margin: 5px;
  float: left;
 }
.green {
  background-color: green;
}
.blue {
  background-color: blue;
}

遍历元素

green blue 333 444

each():

   $(selector).each(function(index,element))

       // 参数function为遍历时的回调函数

        // index为遍历元素的序列号,从0开始

        // element是当前的元素,此时是dom元素

 // 获取指定元素并遍历
 $(".green").each(function(index, element) {
      console.log(index)
      console.log(element)
 })

jQuery: 整理5---删除元素和遍历元素_第4张图片

你可能感兴趣的:(jQuery,jquery,javascript)