首页 > 软件开发 > JQUERY >

jquery截取字符串的方法

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

jquery截取字符串的方法RgP办公区 - 实用经验教程分享!

工具/原料

  • jquery

方法/步骤

  • 1

    先做准备工艳慎粒作,创建一个html 页面,RgP办公区 - 实用经验教程分享!

    jquery截取字符串的方法RgP办公区 - 实用经验教程分享!

  • 2

    引侧王入jsRgP办公区 - 实用经验教程分享!

    写一些基础代码RgP办公区 - 实用经验教程分享!

    下面开始介绍几种截三侨取字符串的方法RgP办公区 - 实用经验教程分享!

    jquery截取字符串的方法RgP办公区 - 实用经验教程分享!

  • 2该信息未经许可获取自百度经验
  • 3

    先准备资料RgP办公区 - 实用经验教程分享!

    jquery截取字符串的方法RgP办公区 - 实用经验教程分享!

  • substring

  • 1

    先看一下定义RgP办公区 - 实用经验教程分享!

    jquery截取字符串的方法RgP办公区 - 实用经验教程分享!

  • 2

    填入js代码RgP办公区 - 实用经验教程分享!

    varstr=$("#sp1").text();RgP办公区 - 实用经验教程分享!

    $("#sp2").text(str.substring(0,4));//substringRgP办公区 - 实用经验教程分享!

    顺序都是从0 开始的RgP办公区 - 实用经验教程分享!

    jquery截取字符串的方法RgP办公区 - 实用经验教程分享!

  • 3

    我们截取前4个字符 ,结果就是百度经验RgP办公区 - 实用经验教程分享!

    jquery截取字符串的方法RgP办公区 - 实用经验教程分享!

  • substr

  • 1

    substr 和substring可以看到 名称非常的相似RgP办公区 - 实用经验教程分享!

    但是用法是不同的RgP办公区 - 实用经验教程分享!

    jquery截取字符串的方法RgP办公区 - 实用经验教程分享!

  • 2

    我们先同样截取4吗RgP办公区 - 实用经验教程分享!

    对比这来看RgP办公区 - 实用经验教程分享!

    jquery截取字符串的方法RgP办公区 - 实用经验教程分享!

  • 3

    可以看到实现的效果是一致的RgP办公区 - 实用经验教程分享!

    jquery截取字符串的方法RgP办公区 - 实用经验教程分享!

  • 4

    如果我们改一下截取的内容RgP办公区 - 实用经验教程分享!

    就能看到区别了RgP办公区 - 实用经验教程分享!

    jquery截取字符串的方法RgP办公区 - 实用经验教程分享!

  • 5

    就可以看到区别了RgP办公区 - 实用经验教程分享!

    一个是截取位置,一个是截取长度RgP办公区 - 实用经验教程分享!

    jquery截取字符串的方法RgP办公区 - 实用经验教程分享!

  • 6

    完整代码RgP办公区 - 实用经验教程分享!

    !DOCTYPE html>RgP办公区 - 实用经验教程分享!

    html xmlns="http://www.w3.org/1999/xhtml">RgP办公区 - 实用经验教程分享!

    head>RgP办公区 - 实用经验教程分享!

    meta charset="utf-8" />RgP办公区 - 实用经验教程分享!

    title>百度经验/title>RgP办公区 - 实用经验教程分享!

    script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.js">/script>RgP办公区 - 实用经验教程分享!

    script>RgP办公区 - 实用经验教程分享!

    $(function () {RgP办公区 - 实用经验教程分享!

    var str = $("#sp1").text();RgP办公区 - 实用经验教程分享!

    $("#sp2").text(str.substring(4, 4)); //substringRgP办公区 - 实用经验教程分享!

    RgP办公区 - 实用经验教程分享!

    $("#sp3").text(str.substr(4, 4)); //substrRgP办公区 - 实用经验教程分享!

    })RgP办公区 - 实用经验教程分享!

    /script>RgP办公区 - 实用经验教程分享!

    /head>RgP办公区 - 实用经验教程分享!

    body>RgP办公区 - 实用经验教程分享!

    h1>百度经验/h1>RgP办公区 - 实用经验教程分享!

    label>要截取的字符串:/label>RgP办公区 - 实用经验教程分享!

    span id="sp1">百度经验五一假期/span>RgP办公区 - 实用经验教程分享!

    br />RgP办公区 - 实用经验教程分享!

    label>截取后的内容 (substring):/label>RgP办公区 - 实用经验教程分享!

    span id="sp2">/span>RgP办公区 - 实用经验教程分享!

    br />RgP办公区 - 实用经验教程分享!

    label>截取后的内容 (substr):/label>RgP办公区 - 实用经验教程分享!

    span id="sp3">/span>RgP办公区 - 实用经验教程分享!

    /body>RgP办公区 - 实用经验教程分享!

    /html>RgP办公区 - 实用经验教程分享!

    jquery截取字符串的方法RgP办公区 - 实用经验教程分享!

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


    标签: JQUERYHTMLJAVASCRIPT

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