jquery截取字符串的方法

2025-10-22 04:37:53

1、先做准备工作,创建一个html 页面,

jquery截取字符串的方法

2、引入js

写一些基础代码

下面开始介绍几种截取字符串的方法

jquery截取字符串的方法

3、先准备资料

jquery截取字符串的方法

1、先看一下定义

jquery截取字符串的方法

2、填入js代码

var str = $("#sp1").text();         

 $("#sp2").text(str.substring(0, 4)); //substring

顺序都是从0 开始的

jquery截取字符串的方法

3、我们截取前4个字符 ,结果就是百度经验

jquery截取字符串的方法

1、substr  和substring可以看到  名称非常的相似

但是用法是不同的

jquery截取字符串的方法

2、我们先同样截取4吗

对比这来看

jquery截取字符串的方法

3、可以看到实现的效果是一致的

jquery截取字符串的方法

4、如果我们改一下截取的内容

就能看到区别了

jquery截取字符串的方法

5、就可以看到区别了

一个是截取位置,一个是截取长度

jquery截取字符串的方法

6、完整代码

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta charset="utf-8" />

    <title>百度经验</title>

    <script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.js"></script>

    <script>

        $(function () {

            var str = $("#sp1").text();

            $("#sp2").text(str.substring(4, 4)); //substring

            $("#sp3").text(str.substr(4, 4)); //substr

        })

    </script>

</head>

<body>

    <h1>百度经验</h1>

    <label>要截取的字符串:</label>

    <span id="sp1">百度经验五一假期</span>

    <br />

    <label>截取后的内容 (substring):</label>

    <span id="sp2"></span>

    <br />

    <label>截取后的内容 (substr):</label>

    <span id="sp3"></span>

</body>

</html>

jquery截取字符串的方法

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢