• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    jquery怎么獲取當前元素的兄弟元素

    html+jquery代碼編纂器:Dreamweaver CS5

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解jquery怎么獲取當前元素的兄弟元素。

      4b90f603738da9770bd87547bf51f8198718e3e3.jpg
    2. 2

      在test.html文件內,引入jquery.min.js庫文件,當作功加載該文件,才能利用jquery中的方式。

      267f9e2f070828385b962f78b799a9014d08f1c7.jpg
    3. 3

      在test.html文件內,在p標簽內,利用span標簽建立多行文字,例如,這里建立四行文字。

      86d6277f9e2f07086b9ed96ce624b899a801f2c7.jpg
    4. 4

      在test.html文件內,編寫標簽,頁面的js邏輯代碼將寫在該標簽內。

      b21bb051f819861801cf1ce845ed2e738ad4e6d6.jpg
    5. 5

      在js標簽中,經由過程獲得span對象,給每一個span元素綁定click事務,當span元素被點擊時,執行function()方式。

      2f738bd4b31c87019f41418a287f9e2f0608ffe3.jpg
    6. 6

      在function()方式內,經由過程$(this)獲適當前點擊的span對象,利用siblings()方式獲得它的兄弟對象,為了顯示結果,這里利用css()方式將這些兄弟元素的文字顏色改為藍色。

      63d0f703918fa0ec524f9761299759ee3c6ddbd6.jpg
    7. 7

      在瀏覽器打開test.html文件,點擊文字,查看實現的結果。

      1e30e924b899a90104aea85a12950a7b0308f5c7.jpg b999a9014c086e065720cc270d087bf40bd1cbd6.jpg
    • 發表于 2019-12-22 17:00
    • 閱讀 ( 686 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆