知识点：匹配字符串中的子串，并让子串红色显示、格式化输出json、元素点击之后hover失效、word-wrap:break-word和word-break:break-all

本文链接：https://blog.csdn.net/caomage/article/details/81385658

本文介绍了如何在网页中实现特定字符串的高亮显示、JSON数据的格式化输出、解决jQuery中元素点击后hover失效的问题以及解释了CSS属性word-wrap:break-word与word-break:break-all的区别。

摘要由CSDN通过智能技术生成

##匹配字符串中的子串，并让子串红色显示、格式化输出json、元素点击之后hover失效、word-wrap:break-word和word-break:break-all
###五、匹配特定的字符串，让其突出显示
var subStr = “abc”;
var reg = new RegExp("(" + subStr + “)”, “g”);
var str = “dsafadfdsfabsabcfefaefeabcfdsfafefaefaes”;
var newstr = str.replace(reg, “$1”);
document.write(newstr);
###六、格式化输出json
JSON.stringify(object,null,2)
JSON.stringify(object,undefined,2)
其中第三个参数表示指定缩进用的空白字符串
###七、jQuery中，某个元素被点击之后hover失效
使用jQuery的click为某元素加上css样式，之后该元素原有的hover事件失效，原因是click加上的css权值比外联的css权值大。所以是点击之后原有css被覆盖了。解决方法也很简单，为原有的css hover样式加上!important。
###八、word-wrap:break-word和word-break:break-all
word-wrap:break-word表示超出部分按单词截断，会保持单词的完整。
word-break:break-all则会从单词中间截断。