• <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若何一次獲取多個元素進行操作。

      b8014a90f603738de77e9049bc1bb051f819eca1.jpg
    2. 2

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

      78310a55b319ebc4f35beaf28d26cffc1e1716bd.jpg
    3. 3

      在test.html文件內,利用div標簽,p標簽,span標簽別離建立一行文字的顯示,下面將對它們進行同一操作。

      38dbb6fd5266d0162fc00343982bd40734fa35fb.jpg
    4. 4

      在test.html文件內,利用button標簽建立一個按鈕,按鈕名稱為“操作多個元素”。

      a50f4bfbfbedab643eabd0abf836afc378311efb.jpg
    5. 5

      在test.html文件中,給button按鈕綁定onclick點擊事務,當按鈕被點擊時,執行addcss()函數。

      ac4bd11373f08202624b0c5444fbfbedaa641bfb.jpg
    6. 6

      在js標簽中,建立addcss()函數,在函數內,經由過程元素名稱作為選擇器(多個元素名稱以逗號離隔),獲得元素對象后,利用css()方式同一設置它們的文字顏色為紅色。

      0e2442a7d933c895e34a0410de1373f0820200a0.jpg
    7. 7

      在瀏覽器打開test.html文件,輸入時候,點擊按鈕,查看成果。

      0b55b319ebc4b745054d2a7dc0fc1e178b8215fb.jpg 83025aafa40f4bfbc1e4023f0c4f78f0f73618a0.jpg
    • 發表于 2019-12-19 17:00
    • 閱讀 ( 714 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

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