首页 > 软件开发 > JQUERY >

如何使用jQuery方法prev获取form表单中字段参数

来源:互联网 2023-03-17 00:47:14 版权归原作者所有,如有侵权,请联系我们

在jQuery中,有一类查找元素的方法,如parent()、children()、find()、prev()等。但是如果这些方法用错了或者理解错了,就会导致找不到指定的元素。下面利用实例说明,操作如下:y8S办公区 - 实用经验教程分享!

如何使用jQuery方法prev获取form表单中字段参数y8S办公区 - 实用经验教程分享!

工具/原料

  • jQuery
  • HTML5
  • CSS3
  • HBuilderX
  • 截图工具
  • 浏览器

方法/步骤

  • 1

    第一步,双击打开HBuilderX工具,新建一个HTML5页面并修改标题内容,如下图所示:y8S办公区 - 实用经验教程分享!

    如何使用jQuery方法prev获取form表单中字段参数y8S办公区 - 实用经验教程分享!

  • 2

    第二步,在body标签元素内,插入一个div、form、table等标签,其中table标签添加id属性,如下图所示:y8S办公区 - 实用经验教程分享!

    如何使用jQuery方法prev获取form表单中字段参数y8S办公区 - 实用经验教程分享!

  • 2本页面未经许可获取自百度经验
  • 3

    第三步,在页面中引入jQuery核心文件,然后添加jQuery初始化函数,如下图所示:y8S办公区 - 实用经验教程分享!

    如何使用jQuery方法prev获取form表单中字段参数y8S办公区 - 实用经验教程分享!

  • 4

    第四步,在jQuery初始化函数内,编写按钮点击事件,获取form表单元素,如下图所示:y8S办公区 - 实用经验教程分享!

    如何使用jQuery方法prev获取form表单中字段参数y8S办公区 - 实用经验教程分享!

  • 5

    第五步,第四步中使用到prev方法和find方法,结果发现没有找到form表单,如下图所示:y8S办公区 - 实用经验教程分享!

    如何使用jQuery方法prev获取form表单中字段参数y8S办公区 - 实用经验教程分享!

  • 6

    第六步,修改代码,将find()方法去掉,然后将form写入到prev方法中,如下图所示:y8S办公区 - 实用经验教程分享!

    如何使用jQuery方法prev获取form表单中字段参数y8S办公区 - 实用经验教程分享!

  • 注意事项

    • 注意使用jQuery中的方法获取紧邻的元素并获取内部元素
    • 注意jQuery中的选择元素的方法的用法

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!y8S办公区 - 实用经验教程分享!


    标签: JQUERYJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号