首页 > 软件开发 > JQUERY >

jquery截取字符串的方法

来源:互联网 2023-03-17 00:47:20 341

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

工具/原料

  • jquery

方法/步骤

  • 1

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

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

  • 2

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

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

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

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

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

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

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

  • substring

  • 1

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

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

  • 2

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

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

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

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

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

  • 3

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

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

  • substr

  • 1

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

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

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

  • 2

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

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

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

  • 3

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

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

  • 4

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

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

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

  • 5

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

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

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

  • 6

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


    标签: JQUERYHTMLJAVASCRIPT

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