JQuery字串文字替換並且加樣式

阿新 • • 發佈：2018-12-16

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>JQuery字串文字替換並加樣式</title> 
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#click").click(function(){
    // $('p').hide(); 

      var txt = $('#txt').html();
      console.log(txt);
      var tt=txt.replace(/我/g, '<span style="color:red;">你</span>');
      $('#txt').html(tt);
  });
});
</script>
</head>
<body>
<p id="txt">如果你點我，我就會消失。</p>
<button id="click" >點我!</button>
</body 
>
</html>

初始樣式：
這裡寫圖片描述
點選“點我”按鈕之後，“我”替換成“你”並且改變顏色為紅色：

JQuery字串文字替換並且加樣式

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JQuery字串文字替換並加樣式</title> <script src="https

jquery地址欄鏈接與a標簽鏈接匹配添加樣式！

tab htm light ima a標簽 add oca jquer -a 如圖所示：點擊HTML+css3跳轉後，給其添加如圖樣式： 1 2 3 4 5 6 7 8 9 10 var currUrl = window.location.href;

jquery 動態新增、按順序新增input文字框並且實現刪除操作

1.先來一張圖來告訴我們今天要實現什麼藍色加號按鈕點選就會動態新增一行“發明人N姓名”和“發明人N排名” 的input文字框還有圖片”“ 點選藍色按鈕減號就會減少相對應的那一行還有索引也會減掉圖片”“2.首先 “發明人1姓名” 和 ”發明人1排名“是html要有的，然後點選加號按

長文字替換多個字串

package com; import java.util.ArrayList; import java.util.Arrays; import java.util.List; import java.util.regex.Matcher; import java.util.regex.Patte

datatables option columns.render 渲染列(3) url變超連結、圖片顯示、值替換(加樣式)

前言用render在表格後面加按鈕 1、html程式碼 <table class="table table-striped table-hover table-bordered" i

用批處理實現文字檔案中指定字串的替換 zz

我沒注意到“cmd /v:on /c”，抱歉。但是還有問題，被替換的文字在行尾多了許多的空格，原因是echo !TMP:%SCONTENT%=%DCONTENT%! >> %TMPFILE%這條語句的">>"前多了不必要的空格。檔名帶空格的問題容易解決，下面是我修改過的：@echo o

JQuery:頁面文字匹配檢索關鍵字並加紅字高亮顯示

/**頁面上有一行標籤定義內容如下 a中顯示的文字可以自己定義**/ <div class="right_a_a1"><a href="#">...網際網路行業...</a></div> <script languag

Python3.4-文字-替換字串中的子串

""" python版本: 3.4 替換字串中的子串 """ import string info = """姓名: $name, 年齡: $age, 部落格: $blog, http://${weibo}, $$帥 """ #string.Template(templa

Jquery版文字閃爍

jquery log com light blue body javascrip http pre <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co

[轉]IE9.0或者360下js(JavaScript、jQuery)不能正確執行(加載)，按F12後執行正常;Firefox下ajax的success返回數據data(json、string)無法獲取

cli onf string 不同 logs script blog 綁定導入兼容問題1：頁面的分享等插件加載不全，並無法點擊。兼容問題2： IE下頁面選擇器(#id、.class.etc.)綁定click事件無法訪問到，後臺springmvc方法，也無法獲取

HTML添加樣式三種辦法

標題 charset html pac set wid lan document dev 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="U

IE8、7、6動態添加樣式時，CSS hack的BUG

node.app 更新什麽 -i ext .com span css樣式結果問題描述下面這段CSS代碼通過JS動態添加，結果會怎樣呢？ .box { background: red; /* normal browsers */ *backgroun

使用<span>標簽為文字設置單獨樣式

例子 doctype doc 講解進行註意道德 ron 沒有這一小節講解<span>標簽，我們對<em>、<strong>、<span>這三個標簽進行一下總結： 1. <em>和<strong>

JQuery操作元素的屬性與樣式及位置

空格 clas col 修改 name ava 移位 ack osi <script type="text/javascript" src="JQuery/jquery-1.5.1.js"></script> <script type="te

給Grid動態添加列和添加樣式

geb project idt 選中 center itl check actual plus BudgetProjectSearch: function () { $("#load").show(); var that = th

點擊之後去取消當前的樣式,給選中對象添加樣式

wid pla val -c borde 金額 have ddc rem css .point_amount_label{ width: 120px; height: 40px; display: block; float: left; mar

jQuery的$.getScript方法去加載javaScript文檔解析

htm 是個 div 我不加載文件 click spa value 1.兩個文件的代碼如下： <script> function Ajax(){ //將9-4.html中的Ajax()函數進行修改 $.getScript(‘9-8.js‘,fun

使用jquery.more.js上滑加載更多

desc wrap format) settings connect each 滾動條 $.ajax cti html: 　　<div id="more"> <div class="single_item">

jQuery Lazy Load 圖片延遲加載

可見 lazy pro 動畫 jpg display ttr show tps 基於 jQuery 的圖片延遲加載插件，在用戶滾動頁面到圖片之後才進行加載。對於有較多的圖片的網頁，使用圖片延遲加載，能有效的提高頁面加載速度。註意事項：需要真正實現圖片延遲加載，必須將真實

vue點擊tab跳轉頁面，給點擊的tab添加樣式，且解決刷新以後點擊的tab樣式消失問題

解決 clas col 跳轉頁面 turn body outer cti 問題 <ul class="nij"> <li v-for="item in nav" @click="selectNav(item.title)">

JQuery字串文字替換並且加樣式

相關推薦