jQuery highlights keyword codes
<head>
<meta charset="utf-8" />
<title>jQuery高亮显示关键词代码</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" href="css/chinaz.css" />
<style>
</style>
</head>
<body><script src="/demos/googlegg.js"></script>
<div class="container" role="main">
<h1>jQuery关键词查找元素高亮代码</h1>
<div class="faq">
<input type="search" value="" placeholder="Type some keywords (e.g. giza, babylon, colossus)" />
<ul>
<li id="faq-1">
<h2><a href="#faq-1">Great Pyramid of Giza</a></h2>
<div>
<p>The Great Pyramid of Giza (also known as the Pyramid of Khufu or the Pyramid of Cheops) is the oldest and largest of the three pyramids in the Giza Necropolis bordering what is now El Giza, Egypt. It is the oldest of the Seven Wonders of the Ancient World, and the only one to remain largely intact.</p>
</div>
</li>
<li id="faq-2">
<h2><a href="#faq-2">Hanging Gardens of Babylon</a></h2>
<div>
<p>The Hanging Gardens of Babylon were one of the Seven Wonders of the Ancient World, and the only one whose location has not been definitely established.</p>
<p>The Hanging Gardens were a distinctive feature of ancient Babylon. They were a great source of pride to the people, and were often described in accounts written by visitors to the city. Possibly built by King Nebuchadnezzar II in 600 BC, the gardens are believed to have been a remarkable feat of engineering: an ascending series of tiered gardens containing all manner of trees, shrubs, and vines. The gardens were said to have looked like a large green mountain constructed of mud bricks, rising from the center of the city.</p>
</div>
</li>
<li id="faq-3">
<h2><a href="#faq-3">Sucaihuo.com To Www.Sucaihuo.Com</a></h2>
<div>
<p>The Statue of Zeus at Olympia was a giant seated figure, about 13 m (43 ft) tall, made by the Greek sculptor Phidias around 435 BC at the sanctuary of Olympia, Greece, and erected in the Temple of Zeus there. A sculpture of ivory plates and gold panels over a wooden framework, it represented the god Zeus sitting on an elaborate cedar wood throne ornamented with ebony, ivory, gold and precious stones. It was regarded as one of the Seven Wonders of the Ancient World until its eventual loss and destruction during the 5th century AD. No copy of the statue has ever been found, and details of its form are known only from ancient Greek descriptions and representations on coins.</p>
</div>
</li>
<li id="faq-4">
<h2><a href="#faq-4">Temple of Artemis</a></h2>
<div>
<p>The Temple of Artemis or Artemision (Greek: Ἀρτεμίσιον, Turkish: Artemis Tapınağı), also known less precisely as the Temple of Diana, was a Greek temple dedicated to the goddess Artemis and is one of the Seven Wonders of the Ancient World. It was located in Ephesus (near the modern town of Selçuk in present-day Turkey), and was completely rebuilt three times before its eventual destruction in 401. Only foundations and sculptural fragments of the latest of the temples at the site remain.</p>
</div>
</li>
<li id="faq-5">
<h2><a href="#faq-5">Mausoleum at Halicarnassus</a></h2>
<div>
<p>The Mausoleum at Halicarnassus or Tomb of Mausolus (Persian: آرامگاه هالیکارناسوس; Modern Greek: Μαυσωλείο της Αλικαρνασσού; Turkish: Halikarnas Mozolesi) was a tomb built between 353 and 350 BC at Halicarnassus (present Bodrum, Turkey) for Mausolus, a satrap in the Persian Empire, and Artemisia II of Caria, who was both his wife and his sister. The structure was designed by the Greek architects Satyros and Pythius of Priene.</p>
</div>
</li>
<li id="faq-6">
<h2><a href="#faq-6">Colossus of Rhodes</a></h2>
<div>
<p>The Colossus of Rhodes /roʊdz/ (Ancient Greek: ὁ Κολοσσὸς Ῥόδιος ho Kolossòs Rhódios) was a statue of the Greek titan-god of the sun Helios, erected in the city of Rhodes, on the Greek island of the same name, by Chares of Lindos in 280 BC. It is one of the Seven Wonders of the Ancient World. It was constructed to celebrate Rhodes' victory over the ruler of Cyprus, Antigonus I Monophthalmus, whose son unsuccessfully besieged Rhodes in 305 BC. Before its destruction in the earthquake of 226 BC, the Colossus of Rhodes stood over 30 metres (98 feet) high, making it one of the tallest statues of the ancient world.</p>
</div>
</li>
<li id="faq-7">
<h2><a href="#faq-7">Lighthouse of Alexandria</a></h2>
<div>
<p>The Lighthouse of Alexandria, sometimes called the Pharos of Alexandria (/ˈfɛərɒs/; Ancient Greek: ὁ Φάρος τῆς Ἀλεξανδρείας), was a lighthouse built by the Ptolemaic Kingdom between 280 and 247 BC which was between 393 and 450 ft (120 and 137 m) tall. It was one of the tallest man-made structures in the world for many centuries, and was regarded as one of the Seven Wonders of the Ancient World. Badly damaged by three earthquakes between AD 956 and 1323, it then became an abandoned ruin. It was the third longest surviving ancient wonder (after the Mausoleum at Halicarnassus and the extant Great Pyramid of Giza) until in 1480 the last of its remnant stones were used to build the Citadel of Qaitbay on the site. In 1994, French archaeologists discovered some remains of the lighthouse on the floor of Alexandria's Eastern Harbour.</p>
</div>
</li>
</ul>
<div class="faq__notfound"><p>No matches were found… Try “giza”.</p></div>
</div>
</div>
jQuery高亮显示关键词代码是一款非常实用的网站搜索页面查找关键词元素代码,标题与内容所含关键词都会高亮背景显示。
All resources on this site are contributed by netizens or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this site are for learning reference only. Please do not use them for commercial purposes. Otherwise, you will be responsible for all consequences! If there is any infringement, please contact us to delete it. Contact information: admin@php.cn
Related Article
16 May 2016
When we work on web projects, we often use prompt effects. The prompt effect that comes with HTML is the title of the label tag, but this effect is too simple and ugly, and it is inconvenient to adjust the style. Today I accidentally discovered a jQuery plug-in, which can easily create beautiful prompt effects.
25 Feb 2024
Flexible use of this keyword in jQuery In jQuery, the this keyword is a very important and flexible concept. It is used to refer to the DOM element currently being manipulated. By rationally using this keyword, we can easily operate elements on the page and achieve various interactive effects and functions. This article will combine specific code examples to introduce the flexible use of this keyword in jQuery. Simple this example First, let's look at a simple this example. Suppose we have a
16 May 2016
This article mainly introduces jQuery to implement two navigation menu codes with animation functions, involving different implementation techniques of jQuery animation effects. It has certain reference value. Friends in need can refer to it.
16 May 2016
Add the <span> paragraph mark to the text to be highlighted, and use the div with class="mask" as a mask layer so that the mask layer is above the text content (z-index attribute, use Jquery to dynamically add styles to the paragraph kind.
16 May 2016
A collection of jQuery operation codes for forms. Friends who are learning jQuery can refer to it.
19 Apr 2018
This time I will bring you jquery to search for keywords in the input box and highlight them. What are the precautions for jquery to search for and highlight keywords in the input box? The following is a practical case, let's take a look.
24 Jun 2016
jQuery search keyword automatic matching plug-in
26 Oct 2024
What Does "this" Mean in jQuery?In jQuery, "this" represents the DOM element that is the subject of the function being called. This is commonly...
07 Apr 2023
JQuery is one of the most widely used JavaScript libraries currently. It provides us with many ready-made APIs and many development and packaging tools, which can greatly simplify our development work. This article will introduce how to use JQuery to enter keyword queries. 1. Preparation Before using JQuery’s input keyword query, we need to introduce the JQuery library file into the html file, which can be downloaded through the following URL: https://jquery.com/download/At the same time, we need
Hot Tools
jQuery2019 Valentine's Day Confession Fireworks Animation Special Effects
A very popular jQuery Valentine's Day confession fireworks animation special effect on Douyin, suitable for programmers and technical geeks to express their love to the girl they love. No matter you choose to be willing or not, you have to agree in the end.
layui responsive animated login interface template
layui responsive animated login interface template
520 Valentine's Day confession web animation special effects
jQuery Valentine's Day Confession Animation, 520 Confession Background Animation
Cool system login page
Cool system login page
HTML5 tape music player-CASSETTE PLAYER
HTML5 tape music player-CASSETTE PLAYER