首页 > 软件开发 > JQUERY >

jQuery删除字符串前后空格的方法

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

jquery是基于js的代码封装库,其本质上还是js代码,但是,在原生js的基础上扩展和封装了很多实用的方法,目的就是为了简化js的入门和使用。本文就为你介绍jQuery的删除字符串前后空格的方法zLS办公区 - 实用经验教程分享!

工具/原料

  • VSCode

方法/步骤

  • 1

    打开任何一个版本的jQuery源文件,注意不要.min.js文件,这种是压缩过后的。要打开那种没有压缩之前的源码文件,搜索trim函数,你就可以看到如图所示的一个trim方法,就是专门用来去除前后空格的zLS办公区 - 实用经验教程分享!

    jQuery删除字符串前后空格的方法zLS办公区 - 实用经验教程分享!

  • 2

    有了方法名称,那么该如何使用呢?打开VSCode编辑器,创建一个H5规范的测试页面JQueryTrim.html,用于演示trim去空格方法的使用。如果没有这个工具,使用文本文件也是一样的效果zLS办公区 - 实用经验教程分享!

    jQuery删除字符串前后空格的方法zLS办公区 - 实用经验教程分享!

  • 3

    在测试页面的同一级目录中添加jQuery的源文件,此时可以是.min.js压缩后的文件,也可以是非压缩的源文件zLS办公区 - 实用经验教程分享!

    jQuery删除字符串前后空格的方法zLS办公区 - 实用经验教程分享!

  • 4

    在测试页面中,引入jQuery文件,这样,在页面中就可以直接使用jQuery源码中的各种方法了zLS办公区 - 实用经验教程分享!

    jQuery删除字符串前后空格的方法zLS办公区 - 实用经验教程分享!

  • 5

    在测试页面中添加两个文本框,一个用于输入含空格的内容。一个用于展示去掉空格之后的内容zLS办公区 - 实用经验教程分享!

    jQuery删除字符串前后空格的方法zLS办公区 - 实用经验教程分享!

  • 6

    添加jQuery代码,获取第一个文本框含空格的内容,调用jQuery的trim方法去掉空格之后,写入第二个本文框中zLS办公区 - 实用经验教程分享!

    jQuery删除字符串前后空格的方法zLS办公区 - 实用经验教程分享!

  • 7

    在浏览器中打开测试页面,就可以进行演示了,效果如图所示zLS办公区 - 实用经验教程分享!

    jQuery删除字符串前后空格的方法zLS办公区 - 实用经验教程分享!

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


    标签: JQUERY删除

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