slice 和 substring 用法总结

slice(); 把匹配元素集合缩减为指定的指数范围的子集。
substing();这个方法用于提取字符串中介于两个指定下标之间的字符。
下面举例说明：

一： slice的用法

第一种用法： 如果在slice方法中只放入两个参数

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> 

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

<script>
$('p').slice(0,3).wrapInner('<b></b>');//获取的是从第0个到第三个元素 分别加上b 标签
</script>

执行效果如下：

第二种用法： 如果在slice方法中只放入一个参数

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

<script>

$('p').slice(3).wrapInner('<b></b>');//获取的是从第三个元素一直到最后的元素 分别加上b 标签
</script>

执行的结果如下：

第三种情况：在slice方法里面传入两个负值

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

<script>

$('p').slice(-2,-1).wrapInner('<b></b>');

//集合结尾开始的一个位置，而非从开头，-2就是倒数第三个p标签，-1就是倒数第二个标签，所以中间的就是倒数第二个p 标签

</script>

执行效果如下：

二： substring的用法

<p>This is a paragraph.</p>

<script>
 var str=$('p').text();
 document.write(str.substring(5));
</script>

执行效果如下：