JSFiddle - React, Tailwind, and code Playground

HTML

<div id="contenido">
    <br/>
        <h3>Sencillo buscador de contenidos realizado con jQuery:</h3>
        <input name="texto" id="texto" type="text" placeholder="Realizar busqueda..."/>
    <br/>
    <h3>
        Texto de Ejemplo
    </h3>    
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin magna dui, egestas quis euismod sed, euismod ac tellus. Sed aliquam, massa non mattis lobortis, lorem risus lobortis mauris, id viverra ex elit sed sapien. Sed ut dui sed turpis fringilla ornare. Curabitur et lorem diam. Cras vitae ex non purus sagittis aliquam et ut dolor. Cras sit amet lectus dictum, vestibulum magna nec, cursus felis. Proin rhoncus urna nunc, tristique fermentum enim imperdiet vitae. Vivamus dictum felis quis vestibulum porta. Integer ut mattis sapien.</p>
    
    <p>Nam lorem sapien, mollis in finibus commodo, viverra a velit. Phasellus dapibus faucibus purus, at vulputate erat tincidunt vitae. Maecenas et ullamcorper justo. Proin dignissim est quis sapien porttitor vulputate. Morbi in semper magna. Integer sit amet sem pharetra, aliquet metus porta, interdum sem. Donec ut massa lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus ultricies eu nulla in consectetur. Sed lacinia justo a risus suscipit efficitur.</p>
    
    <p>Integer rhoncus libero ipsum, nec faucibus quam bibendum vitae. Sed auctor elit at mauris lobortis, feugiat vulputate risus dapibus. Maecenas malesuada augue nec odio eleifend, pellentesque varius metus posuere. Nunc sem velit, blandit a malesuada quis, semper non nisi. Pellentesque eu justo laoreet, posuere dolor at, finibus est. Quisque eu nisi id felis congue pellentesque non vitae enim. Nulla in ex ac elit consequat accumsan vitae eget dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean rhoncus consequat ante ac mattis. Integer metus eros, elementum sit amet tincidunt et, eleifend ut orci. Praesent sodales urna sed eros posuere finibus. Praesent iaculis...

CSS

#contenido
    {
        text-align: center;
        margin:0px auto;        
        width: 620px;
        background-color: #c9c9c9;
        border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border: 0px groove #fafafa;
    }
    #contenido p{
        text-align: left;
        padding: 10px;
    }
    input{
        width: 600px;
        padding-left: 10px;
        background-color: #FF0;
        border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border: 0px groove #fafafa;
    }
    .resaltar{
        background-color: #FF0;
    }

JavaScript

$.expr[':'].icontains = function(obj, index, meta, stack) {
    return(obj.textContent || obj.innerText || jQuery(obj).text() || '').toLowerCase().indexOf(meta[3].toLowerCase()) >= 0;
};

$(document).ready(function() {
    
    $("#texto").bind('keypress', function(e) {
        $("p").removeClass("resaltar");
        $("p:icontains('" + $("#contenido").val() + "')").addClass('resaltar');
    });
    // Fuerza a entrar en la función si se pulsa fuera del input
    $("body").click(function() {
        $("#texto").keypress();
    });
    
});