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

    jquery怎么用name獲取對象

    html+jquery

    代碼編纂器:Dreamweaver CS5

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解jquery怎么用name獲取對象。

      79f0f736afc3793117477e4de4c4b74543a911a2.jpg
    2. 2

      在test.html文件內,在p標簽內,利用input標簽建立一個type類型為text的文本框,用于輸入內容。

      562c11dfa9ec8a132cf2ae84f803918fa1ecc0ee.jpg
    3. 3

      在test.html文件內,給input標簽設置name屬性,將其設置為username,下面將經由過程該name獲得input對象。

      1c950a7b02087bf44df4af8dfdd3572c11dfcfbe.jpg
    4. 4

      在test.html文件內,利用button標簽建立一個按鈕,按鈕名稱為“取值”。

      63d0f703918fa0ec5c2f9d69299759ee3c6ddbee.jpg
    5. 5

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

      b219ebc4b74543a9a03402a811178a82b90114a2.jpg
    6. 6

      在js標簽內,建立myfun()函數,在函數內,經由過程input元素名稱,利用name的屬性值作為對象選擇器獲得input對象,再利用val()方式獲得input文本框輸入的內容,最后,利用alert()方式將內容輸出。

      03087bf40ad162d9bbf69a781edfa9ec8a13cdbe.jpg
    7. 7

      在瀏覽器打開test.html文件,輸入內容,點擊按鈕,查看實現的結果。

      f3d3572c11dfa9ecc736ae736dd0f703918fc1be.jpg
    • 發表于 2019-12-10 17:00
    • 閱讀 ( 846 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

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