JavaScript Tutorial/jQuery/split — различия между версиями

Материал из Web эксперт
Перейти к: навигация, поиск
 
м (1 версия)
 
(нет различий)

Текущая версия на 08:25, 26 мая 2010

30. Split text from paragraph

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var newText = $("p").text().split(" ").join("</div> <div>");
            $("p").html(newText).find("div").hover(
                   function () { $(this).addClass("y"); },
                   function () { $(this).removeClass("y"); });
        });
    </script>
    <style>
      .y { background:yellow; }
  </style>
  </head>
  <body>
    <body>
       <p>a ab abc</p>
  </body>
</html>


30. Split text from tag

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
              var words = $("b:first").text().split(" ");
              alert(words);
        });
    </script>

  </head>
  <body>
    <body>
      
       <b>Hello asdf asdf</b>
    </body>
</html>