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
  • 阅读 ( 1010 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具