2. 程式人生 > >Web前段--JQuery遍歷

Web前段--JQuery遍歷

阿新 • • 發佈：2018-12-29

jQuery遍歷——祖先

  • parent() 找到被選元素的父元素
  • parents() 找到被選元素的所有祖先，可以使用引數來過濾對祖先元素的搜尋
  • parentsUntil()兩個元素之間的所有祖先元素
    以第三個為例
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css" rel="stylesheet"
 
>
        body,div{
            border: lightgray solid 2px ;
            color :lightgray;
            width: 300px;
            height: 300px;
            text-align: center;
        }
    </style>
    <script src="../jquery-3.3.1.min.js"></script>
    <script type="text/javascript"
 
>
        $(document).ready(function () {
            $("span").parentsUntil("div").css({
               "border":"red solid 4px ",
                "color":"red"
            });
        });
    </script>
</head>
<body>
        body<br>
        <div>div<br>
        <
 
ul>ul<br>
            <li>li<br>
                <span>span</span>
            </li>
        </ul>
        </div>
</body>
</html>

jQuery遍歷——後代

  • children()–只遍歷被選元素的直接子元素
  • find()–遍歷被選元素的所有後代,一直向下直到找到最後一個後代

jQuery遍歷——同胞

method describe
sibling() 返回被選元素的所有同胞（可以使用引數來過濾對同胞元素的搜尋）
next() 返回被選元素的下一個同胞元素
prev() 返回被選元素的上一個同胞元素
nextAll() 返回被選元素的後面的所有同胞元素
prevAll() 返回被選元素的前面所有的同胞元素
nextUntil() 返回同胞之間的元素(前面_後面)
prevUntil() 返回同胞之間的元素(後面_前面)

jQuery遍歷——過濾

method describe
first() 返回被選取元素的首個地址
last() 返回被選取元素的最後一個地址
eq() 返回被選元素中帶有指定索引值的元素(從零開始)
filter() 指定一個規則，符合便返回
not() 與filter()相反

相關推薦

Web前段--JQuery遍歷

jQuery遍歷——祖先 parent() 找到被選元素的父元素 parents() 找到被選元素的所有祖先，可以使用引數來過濾對祖先元素的搜尋 parentsUntil()兩個元素之間的所有祖先元素 以第三個為例 <!DOCTYPE html>

Web開發——JavaScript庫（jQuery遍歷——祖先）

　　遍歷圖解： 1、jQuery 遍歷 - 祖先 　　祖先是父、祖父或曾祖父等等。 　　通過 jQuery，您能夠向上遍歷 DOM 樹，以查詢元素的祖先。 1.1 向上遍歷 DOM 樹 這些 jQuery 方法很有用，它們用於向上遍歷 DOM 樹： parent()：返回被選元素的直接父

jQuery 遍歷 - eq() 方法

集合 text nbsp 指示 clas src css doc 如果 <!DOCTYPE html> <html> <head> <style> div { width:60px; height:60px; mar

jQuery遍歷

rst bsp sch 例子 htm 在家 下一個 children 當前 1. 下圖展示了一個家族樹。通過 jQuery 遍歷，您能夠從被選（當前的）元素開始，輕松地在家族樹中向上移動（祖先），向下移動（子孫），水平移動（同胞）。這種移動被稱為對 DOM 進行遍歷。 圖示

jQuery遍歷not的用法

函數 otl 其中 簡單 fun cto jquery func 給定 從包含所有段落的集合中刪除 id 為 "selected" 的段落： $("p").not("#selected") 定義和用法 not() 從匹配元素集合中刪除元素。 語法 1 .n

jQuery遍歷之parent()方法

代碼 left 需要 選擇性 data 合集 dom lang 父親 jQuery遍歷之parent()方法 jQuery是一個合集對象，如果想快速查找合集裏面的每一個元素的父元素（這裏可以理解為就是父親-兒子的關系），此時可以用parent()方法 因為是父元素，這個方法

jQuery遍歷-後代

等等 屬性 可選參數 code find() jquer 並且 children 一個 後代是子、孫、曾孫等等。 通過 jQuery，您能夠向下遍歷 DOM 樹，以查找元素的後代。 向下遍歷 DOM 樹 下面是兩個用於向下遍歷 DOM 樹的 jQuery 方法： c

jQuery遍歷之同級遍歷

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

jQuery 遍歷 – 同胞(siblings)

遍歷 ref cti 方向 jquery href next 參考 進行 同胞擁有相同的父元素。 通過 jQuery，您能夠在 DOM 樹中遍歷元素的同胞元素。 在 DOM 樹中水平遍歷 有許多有用的方法讓我們在 DOM 樹進行水平遍歷： siblings() next

jQuery 遍歷 – 過濾

實例 最後一個元素 div 指定 tps read w3c 允許 log 縮小搜索元素的範圍 三個最基本的過濾方法是：first(), last() 和 eq()，它們允許您基於其在一組元素中的位置來選擇一個特定的元素。 其他過濾方法，比如 filter() 和 not()

jQuery 遍歷方法

blog -h content offset rec html body 當前 add 方法描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到當前集合中 andSelf() 在版本 1.8 中被廢棄。addBack() 的

jQuery遍歷 filter（）方法

this css turn 如果 order 內容 round ddl 元素 實例 改變所有 div 的顏色，然後向類名為 "middle" 的類添加邊框： $("div").css("background", "#c8ebcc") .filter(".middle")

jquery遍歷下標，傳入事件，防止重復執行事件

文化 美的 大米 東北 雲南 img 層次 query 平時 let thisdata = [{"imgUrl":"../img/index/eastnorth.jpg","title": "東北","content":"東北菜源於魯菜，又融合了多個少數民族的特色風格，肉菜

最近的一些零碎知識點,jquery遍歷

知識 ldr pre find sel bsp isa ted btn 1.使按鈕無法點擊 ￥（“#btn”）.attr("disable",true); 2.返回上一個頁面 history.back(-1); 3.$(this).siblings() 查找每個 p 元素的

jquery遍歷節點 children（），next（），prev（），siblings（）closest()

向上 tail ram 遍歷 tar tab AD ldr jquer 方法方法描述 children() 獲取匹配元素的 子元素個數（只考慮 兒子 元素） next() 獲取 後面緊鄰的 同輩元素 prev() 獲取 前面 緊鄰的 同輩元素 sibl

jQuery 遍歷函數

clas body tun eval 匹配 find 進行 縮減 ice 函數描述 .add() 將元素添加到匹配元素的集合中。 .andSelf() 把堆棧中之前的元素集添加到當前集合中。 .children() 獲得匹配元素集合中每個元素的所有子元素。

jquery 遍歷表格hover事件 td 操作

 1、 例子：$("#inventory-list").on('mouseleave','.showInfo',function(){                   

jQuery遍歷多個相同的class，點選顯示隱藏圖示，顯示及隱藏其下的內容

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=

jquery 遍歷父元素、子元素、兄弟元素

尋找父元素 1. parent()方法，只返回被選元素的直接父元素，只遍歷到上一級的父元素，返回的是一個元素。 2. parents()方法，返回被選元素的所有父元素，一直向上遍歷，直到文件的根元素為止，返回父元素的集合。 3. parentsUntil()方法,a.parentsUntil(

jquery（四）jQuery遍歷

通過 jQuery 遍歷，您能夠從被選（當前的）元素開始，輕鬆地在家族樹中向上移動（祖先），向下移動（子孫），水平移動（同胞）。這種移動被稱為對 DOM 進行遍歷。 圖示解釋： <div> 元素是 <ul> 的父元素，同時是其中所有內容的祖先。 &l