首页 > 软件开发 > JavaScript >

jquery截取字符串的方法

来源:互联网 2023-03-16 23:59:39 版权归原作者所有,如有侵权,请联系我们

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

工具/原料

  • jquery

方法/步骤

  • 1

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

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

  • 2

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

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

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

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

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

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

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

  • substring

  • 1

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

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

  • 2

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

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

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

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

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

  • 3

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

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

  • substr

  • 1

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

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

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

  • 2

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

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

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

  • 3

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

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

  • 4

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

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

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

  • 5

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

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

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

  • 6

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


    标签: JQUERYHTMLJAVASCRIPT

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