jquery截取字符串的方法
1、先做准备工作,创建一个html 页面,
2、引入js
写一些基础代码
下面开始介绍几种截取字符串的方法
3、先准备资料
1、先看一下定义
2、填入js代码
var str = $("#sp1").text();
$("#sp2").text(str.substring(0, 4)); //substring
顺序都是从0 开始的
3、我们截取前4个字符 ,结果就是百度经验
1、substr 和substring可以看到 名称非常的相似
但是用法是不同的
2、我们先同样截取4吗
对比这来看
3、可以看到实现的效果是一致的
4、如果我们改一下截取的内容
就能看到区别了
5、就可以看到区别了
一个是截取位置,一个是截取长度
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>