jQuery find Method Live Example

You can edit / change the code and click run button

<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <title>Jquery find demo here</title>
  <style>
  p {
    font-size: 40px;
    width: 600px;
    color: red;
    font-weight: 900;
    margin: 0 10px;
  }
  .titile{
    background: black;
  }
  </style>
  <script src="../../../jquery-1.10.2.js"></script>
<script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script></head>
<body>
<p>
  Here is the jQuery Demo for find()  Method
  Learn how to do it
  by moving your cursor over the text
</p>
<h2>When you move the cursor it will find each word and highlight that text with some background</h2>
<script>
var newText = $( "p" ).text().split( " " ).join( "</span> <span>" );
newText = "<span>" + newText + "</span>";
$( "p" )
  .html( newText )
  .find( "span" )
    .hover(function() {
      $( this ).addClass( "titile" );
    }, function() {
      $( this ).removeClass( "titile" );
    })
  .end()
  .find( ":contains('t')" )
    .css({
      "font-style": "italic",
      "font-weight": "bolder"
    });
</script>
</body>
</html>