jQuery中遍历元素，创建元素，添加元素，删除元素汇总

目录

一、遍历元素

1、概述

2、语法

二、创建元素

三、添加元素

四、删除元素

五、思维导图

一、遍历元素

1、概述

jQuery隐式迭代是对同一类元素做了同样的操作。

如果相对同一元素做不同的操作，就需要用到遍历

2、语法

遍历分为两种

2.1

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

 元素  $("div")写在外面，主要用于遍历  元素

1、each( )方法遍历匹配的每一个元素，主要用DOM处理。

2、里面的回调函数有两个参数：index是每一个元素的索引；domele是每一个DOM元素对象，不是jQuery对象。

3、如果想要使用jQuery方法，需要给这个DOM元素转换为jQuery对象  $(domele)

$("div").each(function(index, domele) {
                console.log(index);
                console.log(domele);
 })
 
------>   1
          
          2
          
          遍历完这一遍，返回去重新再遍历

2.2

$.each(object ,function( index ,domele){    })

 元素  $("div") / 对象   写在里面。

$.each( )可以遍历任何对象，主要用于遍历数据，处理数据。

如果数据是数字类型的，能直接遍历出数字类型。

     $.each({
                name: 'andy',
                age: 18
            }, function(index, domele) {
                console.log(index);
                console.log(domele);
            })
 
----->name
        andy
        age
        18
把对象中的 "属性：属性值"  都遍历出来

二、创建元素

$("

")；

动态创建一个元素

三、添加元素

生成元素是父子级关系

1、内部后添加

js与jquery获取父元素,删除子元素的两种不同方法

pdf 0星 超过10%的资源 25KB

下载

element.append("内容")；

将内容放在匹配元素内部最后面。（子元素）

在下图中明显看出是在  .nav盒子中添加子元素，且添加的子元素在原有元素的后面

   <ul>
        <li>li>
        <li>li>
        <li class="nav">
            <div class="before">原有元素div>
        li>
        <li>li>
        <li>li>
    ul>
    <script>
        $(function() {
            var lili = $("
新创建的元素
");