Home JS special effects jQuery effects jQuery highlights keyword codes

jQuery highlights keyword codes

jQuery highlights keyword codes

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高亮显示关键词代码是一款非常实用的网站搜索页面查找关键词元素代码,标题与内容所含关键词都会高亮背景显示。

Disclaimer

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

jQuery keyword description plug-in cluetip usage guide_jquery jQuery keyword description plug-in cluetip usage guide_jquery

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.

jQuery implements two navigation menu codes with animation function_jquery jQuery implements two navigation menu codes with animation function_jquery

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.

Clever way to use this keyword in jQuery Clever way to use this keyword in jQuery

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

Jquery highlights important keywords in text_jquery Jquery highlights important keywords in text_jquery

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.

Collection of jQuery operation codes for forms_jquery Collection of jQuery operation codes for forms_jquery

16 May 2016

A collection of jQuery operation codes for forms. Friends who are learning jQuery can refer to it.

jquery finds keywords in the input box and highlights them jquery finds keywords in the input box and highlights them

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.

jQuery search keyword automatic matching plug-in_html/css_WEB-ITnose jQuery search keyword automatic matching plug-in_html/css_WEB-ITnose

24 Jun 2016

jQuery search keyword automatic matching plug-in

How Does the \'this\' Keyword Behave in jQuery and JavaScript? How Does the \'this\' Keyword Behave in jQuery and JavaScript?

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...

How to implement the input keyword query function in jquery How to implement the input keyword query function in jquery

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

See all articles See all articles

Hot Tools

jQuery2019 Valentine's Day Confession Fireworks Animation Special Effects

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

layui responsive animated login interface template

520 Valentine's Day confession web animation special effects

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

Cool system login page

HTML5 tape music player-CASSETTE PLAYER

HTML5 tape music player-CASSETTE PLAYER

HTML5 tape music player-CASSETTE PLAYER