首页 > 软件开发 > HTML >

jquery截取字符串的方法

来源:互联网 2023-03-16 19:13:35 195

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

工具/原料

  • jquery

方法/步骤

  • 1

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

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

  • 2

    引入js8at办公区 - 实用经验教程分享!

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

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

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

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

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

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

  • substring

  • 1

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

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

  • 2

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

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

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

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

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

  • 3

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

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

  • substr

  • 1

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

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

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

  • 2

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

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

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

  • 3

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

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

  • 4

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

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

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

  • 5

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

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

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

  • 6

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


    标签: JQUERYHTMLJAVASCRIPT

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