首页>>Jquery文字>>指定内容高亮(2019-07-15)

指定内容高亮

指定内容高亮
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="row">  
  2.     <div class="col-xs-12 col-sm-8 col-md-6 col-sm-offset-2 col-md-offset-3">  
  3.       <div class="panel panel-primary">  
  4.         <div class="panel-body">  
  5.           <div>  
  6.             <p class="text-primary">测试文本：</p>  
  7.             <div id="testHtml">  
  8.               <ul>  
  9.                 <li>姓名：河浪</li>  
  10.                 <li>工作岗位：WEB前端工程师</li>  
  11.                 <li>工作经验：3年</li>  
  12.                 <li>在校专业：软件工程(信息工程系)</li>  
  13.                 <li>知识技能：HTML5，CSS3，js，es6，Node.js，jQuery，Vue.js，小程序,Dcloud，APICloud，能手写响应式布局、弹性布局框架</li>  
  14.                 <li>在校所学科目：C，JAVA，C#，ASP.NET，MYSQL，SQL server，数据结构，软件测试，软件工程，软件架构，计算机操作系统</li>  
  15.                 <li>掌握框架：Bootstrap，layui，Element UI</li>  
  16.                 <li>自我评价：具有良好的团队意识</li>  
  17.                 <li>联系QQ：123456</li>  
  18.               </ul>  
  19.             </div>  
  20.           </div>  
  21.           <div>  
  22.             <p class="text-primary">体验一下：</p>  
  23.             <div class="row">  
  24.               <div class="col-xs-9">  
  25.                 <input type="text" class="form-control" id="replaceVal" placeholder="请输入需要高亮的内容以 “|” 隔开" value="前端|小程序|系统|软件">  
  26.               </div>  
  27.               <div class="col-xs-3">  
  28.                 <button type="button" class="btn btn-primary btn-block" id="replace">高亮一下</button>  
  29.               </div>  
  30.             </div>  
  31.           </div>  
  32.         </div>  
  33.           
  34.       </div>  
  35.     </div>  
  36.   </div>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_796.html