Rumah > hujung hadapan web > tutorial js > Cara menapis teg HTML dan menyerlahkan kata kunci dengan jQuery_jquery

Cara menapis teg HTML dan menyerlahkan kata kunci dengan jQuery_jquery

WBOY
Lepaskan: 2016-05-16 15:46:37
asal
1246 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara jQuery menapis teg HTML dan menyerlahkan kata kunci. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

jQuery melaksanakan kesan penapisan kata kunci halaman web Tentukan teks yang perlu ditapis dalam JavaScript Pelbagai takrifan boleh dibuat, tetapi anda perlu mengubah suai kod JS kepada tatasusunan, supaya berbilang kata kunci yang berbeza boleh ditapis. Contoh ini hanya untuk anda Menunjukkan fungsi asas, sila terokai lebih banyak fungsi penapisan sendiri.

Kesan operasi adalah seperti yang ditunjukkan di bawah:

Kod khusus adalah seperti berikut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>过滤HTML标签,重新补充关键词高亮</title>
<style>
body{font-size:9pt;}
</style>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
</head>
<script>
$(document).ready(function() {
  var keyword = "脚本之家";
  $("#keyword").html(function() {
    return $(this).text().replace(keyword,"<font color=\"red\">"+keyword+"</font>");
  });
});
</script>
<body>
<div id="keyword">脚本之家成立于2006年,至立于奉献开源的精品学习型源代码,如果你喜欢脚本之家的话,请把我们网址加入收藏夹吧!</div>
</body>
</html>

Salin selepas log masuk

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan jquery semua orang.

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan