2. 程式人生 > >JQ 的class類的操作 效果 遍歷 內置遍歷數組的函數 事件

JQ 的class類的操作 效果 遍歷 內置遍歷數組的函數 事件

阿新 • • 發佈：2018-09-08
pla ngs sed event out sun get 祖先 time

class類的操作：

向指定元素添加相應類名：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../public/jquery-3.3.1/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
        <style type="text/css">
            *{
                margin: 
 
0;
                padding: 0;
            }
            .dd{
                background-color: red;
                width: 100px;
                height: 100px;
            }
            .ee{
                background-color: black;
                color: white;
            }
        </style>
    </head>
    <body>
        <button>ddclass類</button>
        <button>eeclass類</button>
        <div id="a">
            我是測試class類的div
        
 
</div>
    </body>
</html>
<script type="text/javascript">
        
            $(‘button:eq(0)‘).click(function(){
                $(‘#a‘).addClass("dd");
                
            })    
            $(‘button:eq(1)‘).click(function(){
                $(‘.dd‘).addClass("ee");
                
            })    
        

 
</script>

效果如下：

技術分享圖片技術分享圖片技術分享圖片

檢查指定元素是否有指定的類：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../public/jquery-3.3.1/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            .dd{
                background-color: red;
                width: 100px;
                height: 100px;
            }
            .ee{
                background-color: black;
                color: white;
            }
        </style>
    </head>
    <body>
        <button>判斷</button>
        <div id="a" class=‘dd‘>
            我是測試class類的div
        </div>
    </body>
</html>
<script type="text/javascript">
        
            $(‘button:eq(0)‘).click(function(){
                alert($(‘#a‘).hasClass("dd"));
                
            })    
        
</script>

技術分享圖片技術分享圖片

修改後：

$(‘button:eq(0)‘).click(function(){
                alert($(‘#a‘).hasClass("ee"));
                
            })

技術分享圖片技術分享圖片

刪除指定指定元素的指定類名或者全部類名：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../public/jquery-3.3.1/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            .dd{
                background-color: red;
                width: 100px;
                height: 100px;
            }
            .ee{
                color:blue;
            }
        </style>
    </head>
    <body>
        <button>刪除</button>
        <div id="a" class=‘dd ee‘>
            我是測試class類的div
        </div>
    </body>
</html>
<script type="text/javascript">
        
            $(‘button:eq(0)‘).click(function(){
                $(‘#a‘).removeClass("dd");
                
            })    
        
</script>

技術分享圖片技術分享圖片

修改後：如需移除若幹類，請使用空格來分隔類名

$(‘button:eq(0)‘).click(function(){
                $(‘#a‘).removeClass("dd ee");
                
            })

技術分享圖片技術分享圖片

切換toggle：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../public/jquery-3.3.1/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            .dd{
                background-color: red;
                width: 100px;
                height: 100px;
            }
            .ee{
                color:blue;
            }
        </style>
    </head>
    <body>
        <button>刪除</button>
        <div id="a" class=‘dd ee‘>
            我是測試class類的div
        </div>
    </body>
</html>
<script type="text/javascript">
        
            $(‘button:eq(0)‘).click(function(){
                $(‘#a‘).toggleClass("dd");
                
            })    
        
</script>

效果如下：

技術分享圖片技術分享圖片技術分享圖片技術分享圖片

效果：

顯示與隱藏：

顯示：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../public/jquery-3.3.1/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            #a{
                background-color: red;
                width: 100px;
                height: 100px;
                display: none;
            }
        </style>
    </head>
    <body>
        <button>顯示與隱藏</button>
        <div id="a">
            我是測試顯示與隱藏的div
        </div>
    </body>
</html>
<script type="text/javascript">
        
            $(‘button:eq(0)‘).click(function(){
                $(‘#a‘).show();
            })    
        
</script>

技術分享圖片技術分享圖片

隱藏：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../public/jquery-3.3.1/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            #a{
                background-color: red;
                width: 100px;
                height: 100px;
            }
        </style>
    </head>
    <body>
        <button>顯示與隱藏</button>
        <div id="a">
            我是測試顯示與隱藏的div
        </div>
    </body>
</html>
<script type="text/javascript">
        
            $(‘button:eq(0)‘).click(function(){
                $(‘#a‘).hide();
            })    
        
</script>

技術分享圖片技術分享圖片

淡入淡出：

fadeIn(speed,callback)、fadeOut(speed,callback)、 fadeToggle() 方法可以在 fadeIn() 與 fadeOut() 方法之間進行切換、fadeTo(speed,opacity,callback)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../public/jquery-3.3.1/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            #a{
                background-color: red;
                width: 100px;
                height: 100px;
            }
        </style>
    </head>
    <body>
        <button>淡出</button>
        <button>淡入</button>
        <button>淡入淡出</button>
        <div id="a">
            我是測試淡入淡出的div
        </div>
    </body>
</html>
<script type="text/javascript">
        
            $(‘button:eq(0)‘).click(function(){
                $(‘#a‘).fadeOut(1000);
            });
            $(‘button:eq(1)‘).click(function(){
                $(‘#a‘).fadeIn(1000);
            })
　　　　　　　$(‘button:eq(2)‘).click(function(){
                $(‘#a‘).fadeToggle(1000);
            })
</script>

劃入劃出：

$(selector).slideDown(speed,callback);$(selector).slideUp(speed,callback);$(selector).slideToggle(speed,callback);
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../public/jquery-3.3.1/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            #a{
                background-color: red;
                width: 100px;
                height: 100px;
            }
        </style>
    </head>
    <body>
        <button>劃入劃出</button>
        <div id="a">
            我是測試劃入劃出的div
        </div>
    </body>
</html>
<script type="text/javascript">
        
            $(‘button:eq(0)‘).click(function(){
                $(‘#a‘).slideToggle(1000);
            });
            
        
</script>

遍歷：

直接父元素：parent（）；

<button>父</button>
        <button>子</button>
        <div id="a">
            a
            <div id="b">
                b
                <div id="c">
                    c
                    <div id="d">
                        d
                        <div id="e">
                            e
                        </div>
                    </div>
                </div>
            </div>
        </div>
$(‘button:eq(0)‘).click(function(){
            console.log($(‘#d‘).parent());            
        });

技術分享圖片

所有父元素直到html：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../public/jquery-3.3.1/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    <body>
        <button>父</button>
        <button>子</button>
        <div id="a">
            a
            <div id="b">
                b
                <div id="c">
                    c
                    <div id="d">
                        d
                        <div id="e">
                            e
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
<script type="text/javascript">
        $(‘button:eq(0)‘).click(function(){
            console.log($(‘#d‘).parents());            
        });
</script>

技術分享圖片

parentsUntil() 方法返回介於被選元素與括號中元素之間的所有祖先元素。不包含被選元素與括號中選擇的元素：

<button>父</button>
        <button>子</button>
        <div id="a">
            a
            <div id="b">
                b
                <div id="c">
                    c
                    <div id="d">
                        d
                        <div id="e">
                            e
                        </div>
                    </div>
                </div>
            </div>
        </div>
$(‘button:eq(0)‘).click(function(){
            console.log($(‘#d‘).parentsUntil(‘#a‘));            
        });

技術分享圖片

children() 方法返回被選元素的所有直接子元素：

<button>父</button>
        <button>子</button>
        <div id="a">
            a
            <div id="b">
                b
                <div id="c">
                    c
                    <div id="c-1">
                        c-1
                    </div>
                    <div id="d">
                        d
                        <div id="e">
                            e
                        </div>
                    </div>
                </div>
            </div>
        </div>

　　$(‘button:eq(1)‘).click(function(){
　　　　console.log($(‘#c‘).children());
　　});

技術分享圖片

find() 方法返回被選元素的後代元素，一路向下直到最後一個後代。

<button>父</button>
        <button>子</button>
        <div id="a">
            a
            <div id="b">
                b
                <div id="c">
                    c
                    <div id="c-1">
                        c-1
                    </div>
                    <div id="d">
                        d
                        <div id="e">
                            e
                        </div>
                    </div>
                </div>
            </div>
        </div>
$(‘button:eq(1)‘).click(function(){
            console.log($(‘#c‘).find(".d"));            
        });

技術分享圖片

當修改後：

$(‘button:eq(1)‘).click(function(){
            console.log($(‘#c‘).find("#d"));            
        });

技術分享圖片

兄弟元素：

siblings（）；

<button>父</button>
<button>子</button>
<button>兄弟</button>
<div id="a">
a
<div id="b">
b
<div id="c">
c
<div id="c-1">
c-1
</div>
<div id="d">
d
<div id="e">
e
</div>
</div>
</div>
</div>
</div>


$(‘button:eq(2)‘).click(function(){
            console.log($(‘#d‘).siblings());            
        });

技術分享圖片

next() 方法返回被選元素的下一個同胞元素：

<body>
        <button>父</button>
        <button>子</button>
        <button>兄弟</button>
        <div id="a">
            a
            <div id="b">
                b
                <div id="c">
                    c
                    <div id="c-1">
                        c-1
                    </div>
                    <div id="c-2">
                        c-2
                    </div>
                    <div id="c-3">
                        c-3
                    </div>
                    <div id="d">
                        d
                        <div id="e">
                            e
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
<script type="text/javascript">
        $(‘button:eq(2)‘).click(function(){
            console.log($(‘#c-2‘).next());            
        });
</script>

技術分享圖片

nextAll() 方法返回被選元素的所有跟隨的同胞元素：

    <body>
        <button>父</button>
        <button>子</button>
        <button>兄弟</button>
        <div id="a">
            a
            <div id="b">
                b
                <div id="c">
                    c
                    <div id="c-1">
                        c-1
                    </div>
                    <div id="c-2">
                        c-2
                    </div>
                    <div id="c-3">
                        c-3
                    </div>
                    <div id="d">
                        d
                        <div id="e">
                            e
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
<script type="text/javascript">
        $(‘button:eq(2)‘).click(function(){
            console.log($(‘#c-2‘).nextAll());            
        });
</script>

技術分享圖片

nextUntil() 方法返回介於兩個給定參數之間的所有跟隨的同胞元素：

    <body>
        <button>父</button>
        <button>子</button>
        <button>兄弟</button>
        <div id="a">
            a
            <div id="b">
                b
                <div id="c">
                    c
                    <div id="c-1">
                        c-1
                    </div>
                    <div id="c-2">
                        c-2
                    </div>
                    <div id="c-3">
                        c-3
                    </div>
                    <div id="d">
                        d
                        <div id="e">
                            e
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
<script type="text/javascript">
        $(‘button:eq(2)‘).click(function(){
            console.log($(‘#c-2‘).nextUntil("#d"));            
        });
</script>

技術分享圖片

prev(), prevAll() 以及 prevUntil() 方法的工作方式與上面的方法類似，

過濾

first() 方法返回被選元素的首個元素。
last() 方法返回被選元素的最後一個元素。
eq() 方法返回被選元素中帶有指定索引號的元素。
filter() 方法返回符合一定條件的元素。
該方法讓您規定一個條件。不符合條件的元素將從選擇中移除，符合條件的元素將被返回。

改變所有 div 的顏色，然後向類名為 "middle" 的類添加邊框：
$("div").css("background", "#c8ebcc")
  .filter(".middle")
  .css("border-color", "red");
 
該方法通常用於縮小在被選元素組合中搜索元素的範圍。
not() 方法返回不匹配標準的所有元素。not() 方法與 filter() 相反。
slice() 把匹配元素集合縮減為指定的指數範圍的子集。

舉個例子：

    <body>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
        </ul>
    </body>
</html>
<script type="text/javascript">
    $(‘li‘).slice(1, 3).css(‘background-color‘, ‘red‘);
</script>

技術分享圖片

each()

$("li").each(function(){
　　$(this).attr();
})

技術分享圖片

內置遍歷數組的函數

$.map(array, function() {    
});

取到數組或者對象array中每一項進行遍歷 然後在function中處理

var attr = [1,2,3];
var newattr = $.map(attr, function(index) {
return index*2;
});
console.log(newattr);
得到//newattr = [2,4,6]

技術分享圖片

$.each(attr, function(key,value) {
});


對數組或者對象中每一項進行遍歷 然後在function中處理

var attr = ["name","age","say"];
$.each(attr, function(key,value) {
alert(attr[key]);
//console.log(this);
});

技術分享圖片技術分享圖片技術分享圖片

事件

bind() 向匹配元素附加一個或更多事件處理器 blur() 觸發、或將函數綁定到指定元素的 blur 事件 change() 觸發、或將函數綁定到指定元素的 change 事件 click() 觸發、或將函數綁定到指定元素的點擊事件 dblclick() 觸發、或將函數綁定到指定元素的雙擊事件 delegate() 向匹配元素的當前或未來的子元素附加一個或多個事件處理器 die() 移除所有通過 live() 函數添加的事件處理程序。 error() 觸發、或將函數綁定到指定元素的 error 事件 event.isDefaultPrevented() 返回 event 對象上是否調用了 event.preventDefault()。 event.pageX 相對於文檔左邊緣的鼠標位置。 event.pageY 相對於文檔上邊緣的鼠標位置。 event.preventDefault() 阻止事件的默認動作。 event.result 包含由被指定事件觸發的事件處理器返回的最後一個值。 event.target 觸發該事件的 DOM 元素。 event.timeStamp 該屬性返回從 1970 年 1 月 1 日到事件發生時的毫秒數。 event.type 描述事件的類型。 event.which 指示按了哪個鍵或按鈕。 focus() 觸發、或將函數綁定到指定元素的 focus 事件 keydown() 觸發、或將函數綁定到指定元素的 key down 事件 keypress() 觸發、或將函數綁定到指定元素的 key press 事件 keyup() 觸發、或將函數綁定到指定元素的 key up 事件 live() 為當前或未來的匹配元素添加一個或多個事件處理器 load() 觸發、或將函數綁定到指定元素的 load 事件 mousedown() 觸發、或將函數綁定到指定元素的 mouse down 事件 mouseenter() 觸發、或將函數綁定到指定元素的 mouse enter 事件 mouseleave() 觸發、或將函數綁定到指定元素的 mouse leave 事件 mousemove() 觸發、或將函數綁定到指定元素的 mouse move 事件 mouseout() 觸發、或將函數綁定到指定元素的 mouse out 事件 mouseover() 觸發、或將函數綁定到指定元素的 mouse over 事件 mouseup() 觸發、或將函數綁定到指定元素的 mouse up 事件 one() 向匹配元素添加事件處理器。每個元素只能觸發一次該處理器。 ready() 文檔就緒事件（當 HTML 文檔就緒可用時） resize() 觸發、或將函數綁定到指定元素的 resize 事件 scroll() 觸發、或將函數綁定到指定元素的 scroll 事件 select() 觸發、或將函數綁定到指定元素的 select 事件 submit() 觸發、或將函數綁定到指定元素的 submit 事件 toggle() 綁定兩個或多個事件處理器函數，當發生輪流的 click 事件時執行。 trigger() 所有匹配元素的指定事件 triggerHandler() 第一個被匹配元素的指定事件 unbind() 從匹配元素移除一個被添加的事件處理器 undelegate() 從匹配元素移除一個被添加的事件處理器，現在或將來 unload() 觸發、或將函數綁定到指定元素的 unload 事件

其中上述event事件的用法實例

<script type="text/javascript">
$(document).ready(function(){
$("p, button, h1, h2").click(function(event){
$("div").html("點擊事件由一個 " + event.target.nodeName + " 元素觸發");
});
});
</script>
</head>

<body>
<h1>這是一個標題</h1>
<h2>這是另一個標題</h2>
<p>這是一個段落</p>
<button>這是一個按鈕</button>
<p>標題、段落和按鈕元素定義了一個點擊事件。如果您觸發了事件，下面的 div 會顯示出哪個元素觸發了該事件。</p>
<div></div>
</body>
</html>

JQ 的class類的操作 效果 遍歷 內置遍歷數組的函數 事件

相關推薦

JQ 的class類的操作 效果 遍歷 內置遍歷數組的函數 事件

pla ngs sed event out sun get 祖先 time class類的操作： 向指定元素添加相應類名： <!DOCTYPE html> <html> <head> <meta chars

java8中內置的四大核心函數式接口

dom 內置 function 需求 處理 fun handler .get st3 java8中內置的四大核心函數式接口 Consumer<T>：消費型接口 void accept(T t) //Consumer<T> 消費型接口 pub

【轉】python3 內迴圈中遍歷map，遍歷一遍後再次進入內迴圈，map為空

今天在使用python map的過程中，發現了一個奇怪問題，map遍歷完成後，再次訪問map，發現map為空了，特記錄下來，以備日後檢視。 如下程式碼，期望的結果是每次從外迴圈進入內迴圈，map都從頭開始進行遍歷，但事實卻不是這樣，下面為程式碼： outData = [[1, 3, 4], [2, 3,

資料結構開發(24)：二叉樹中屬性操作、層次遍歷與典型遍歷

0.目錄 1.二叉樹中屬性操作的實現 2.二叉樹結構的層次遍歷 3.二叉樹的典型遍歷方式 4.小結 1.二叉樹中屬性操作的實現 二叉樹的屬性操作： 二叉樹中結點的數目： 定義功能：count(node) 在 node 為根結點的二叉樹中統計結點數目 在

資料結構開發(25)：二叉樹中屬性操作、層次遍歷與典型遍歷

0.目錄 1.二叉樹的比較與相加 2.二叉樹的線索化實現 3.二叉樹的經典面試題分析 3.1 單度結點刪除 3.2 中序線索化二叉樹 4.小結 1.二叉樹的比較與相加 二叉樹的克隆操作： SharedPointer< BTree<T> > clone

二叉樹遞迴非遞迴遍歷，層次遍歷，反轉，輸出路徑等常見操作詳細總結

1.序言 在實際工作中，很多業務場景其實也需要一些比較巧妙的演算法來支撐，並不是業務邏輯就全是複製貼上或者說重複的程式碼寫一百遍。越是隨著演算法研究的深入，越是發現數據結構的重要性。或者說，資料結構中就蘊藏著無數精妙演算法的思想，很多演算法的思想在資料結構中體現得非常突出。而作為一種

圖的廣度遍歷和深度遍歷

初始化 -- fin num 方法 技術分享 else 全部 nts /* 圖的遍歷方法主要有兩種：一種是深度優先遍歷。一種是廣度優先遍歷。圖的深度優先遍歷類同於樹的先根遍歷。圖的廣度遍歷類同樹的層次遍歷 一：連通圖的深度優先遍歷算法 圖的深度優先遍歷算法是遍歷

數據結構-深度遍歷和廣度遍歷（轉）

指針 void 邊表 當前 初始化 循環隊列 logs == ont 本文轉自http://blog.csdn.net/wingofeagle/article/details/13020373 深度遍歷： 從圖中某個頂點v出發，訪問此頂點，然後從v的未被訪問的鄰接點出發

數據結構之中序遍歷轉興許遍歷（JAVA實現）（二）

百度 empty 表達 pty 中序 tor opera lin sem 算法流程： 主要分為四步： 1.當前字符為數字或者字母，則直接輸出 2.當前字符為)。則在棧中匹配輸出。一直匹配到)，則停止輸出（就是將）及其

jQuery遍歷之同級遍歷

http 全部 jquery mage 區間修改 itl type logs try html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <

Java實現深度遍歷和廣度遍歷數及其應用

fss blog nac emd fan 深度遍歷 apu soc use dc9mr6賦炮炮窖屠韌http://docstore.docin.com/hhmg5158wbx7ax睪躍茁胤駁諭http://shufang.docin.com/sina_6372926856g

二叉樹遍歷規則，先順遍歷/中序遍歷/後序遍歷

子節點 itl 根據 得到 mar spa 先序遍歷 bubuko 中序 二叉樹三種遍歷方式 先序遍歷：遍歷順序規則為【根左右】 先訪問根節點，在左葉子，右葉子 中序遍歷：遍歷順序規則為【左根右】 後序遍歷：遍歷順序規則為【左右根】 例題 先序遍歷：ABCDEFGHK

二叉樹之遍歷:廣度遍歷與深度遍歷

二叉樹,是Python重要的資料結構,依次獲取二叉樹的所有節點,就需要用遍歷的方法來實現. 廣度遍歷 對每一層節點依次訪問，訪問完一層進入下一層，而且每個節點只能訪問一次。以下圖為例,我們要遍歷A,第一層遍歷BCDE,第二次遍歷FGHI,第三層遍歷JKLM. 需要用到佇列（Queue）來

二叉樹的非遞迴遍歷和層次遍歷

資料結構 struct node{     int val;     node *lchild,*rchild; }; 先序非遞迴遍歷  1)  訪問結點p，並將結點P入棧;  2)  判

整形圖的深度遍歷和廣度遍歷

比較簡單的實現，圖採用鄰接矩陣的儲存方式，且沒有加上覆制建構函式和過載運算子。 #include <iostream> #include<stdexcept> #include<stdio.h> using namespace std; struc

C語言根據前序遍歷和後續遍歷還原二叉樹，並輸出二叉樹的高度

7-23 還原二叉樹 （25 point(s)） 給定一棵二叉樹的先序遍歷序列和中序遍歷序列，要求計算該二叉樹的高度。 輸入格式: 輸入首先給出正整數N（≤50），為樹中結點總數。下面兩行先後給出先序和中序遍歷序列，均是長度為N的不包含重複英文字母（區別大小寫）的字串

【資料結構】圖的深度優先遍歷 廣度優先遍歷

 檔案操作比直接輸入方便許多 #include <stdio.h> #include <stdlib.h> #include <string.h> #define M 20 /*鄰接表的儲存結構*/ typedef struct node /

圖的深度遍歷和廣度遍歷

理論部分 圖的深度遍歷和廣度遍歷都不算很難像極了二叉樹的前序遍歷和層序遍歷,如下面的圖,可以用右邊的鄰接矩陣進行表示,假設以頂點0開始對整幅圖進行遍歷的話,兩種遍歷方式的思想如下: 1. 深度優先遍歷(depthFirstSearch—DFS) 由初始頂點開始,沿著一條道一直走,

樹的遍歷--樹的廣度遍歷（層次遍歷），深度遍歷（前序遍歷，中序遍歷，後序遍歷的遞迴和非遞迴實現）

一 由於本人的碼雲太多太亂了，於是決定一個一個的整合到一個springboot專案裡面。 附上自己的github專案地址 https://github.com/247292980/spring-boot 附上彙總博文地址 https://www.cnblogs.com/ydymz/p/9391653.h

JAVA:Enumeration列舉遍歷和iterator遍歷的區別原始碼分析

Enumeration與iterator都是提供對集合元素遍歷的介面。 Iterator提供的方法： boolean hasNext()：用來判斷當前遊標後面是否還存在元素，如果存在就返回true，不存在就返回false。 Object next()：先返回當前遊標右邊的元素，然後遊標