js，jquery对string的一些操作（一）string的变形

整理一下对string的操作，方便之后的使用。

大体上我把string的操作分为以下几类：

1. string的变形
2. string提取分离（包含正则表达式）
3. string和其他类型的转化

暂时想到这三类，以后补充

string的变形

string的变形，实际上是指string在dom在不同的展现形式，例如放大变色。
实际代码如下：

<script type="text/javascript">
	var txt = "Hello World!"
	document.write("<p>Big: " + txt.big() + "</p>")
	document.write("<p>Small: " + txt.small() + "</p>")

	document.write("<p>Bold: " + txt.bold() + "</p>")
	document.write("<p>Italic: " + txt.italics() + "</p>")

	document.write("<p>Blink: " + txt.blink() + " (目前只有 Firefox 和 Opera 浏览器支持)</p>")
	document.write("<p>Fixed: " + txt.fixed() + "</p>")
	document.write("<p>Strike: " + txt.strike() + "</p>")

	document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>")
	document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>")

	document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>")
	document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>")

	document.write("<p>Subscript: " + txt.sub() + "</p>")
	document.write("<p>Superscript: " + txt.sup() + "</p>")

	document.write("<p>Link: " + txt.link("http://www.w3school.com.cn") + "</p>")
			
</script>

上图是以上代码的效果图，可以十分清晰的看出在dom中str被对应的标签包围，实际上也是如此 我们用txt.big()来实验一下。

$("#t").html(txt.big());//成功
console.log(txt.big());//<big>Hello World!</big>

这些方法的原理就是使用对应的标签包围string之后生成一个新的string对象。

字符串的大小写转换

toUpperCase() 把一个字符串全部转换为大写。
toLowerCase() 把一个字符串全部转换为小写。

去除空格

str.trim() && str.strimLeft() && str.strimRight()
去除字符串首位的空格，去除开始的空格，去除结尾空格。