JavaScript Tutorial/jQuery/wrapInner — различия между версиями
Admin (обсуждение | вклад) м (1 версия) |
|
(нет различий)
|
Текущая версия на 11:25, 26 мая 2010
Содержание
30. Add border with wrapInner
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){$("p").wrapInner("");
}); </script> <style> div { border:2px green solid;} </style> </head> <body> <body>
Hello
</body>
</html></source>
30. Innerwrap created element
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").wrapInner(document.createElement("b")); }); </script> <style> div { border:2px green solid;} </style> </head> <body> <body>
Hello
</body>
</html></source>
30. Innerwrap tags
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").wrapInner("");
}); </script> </head> <body> <body>
Hello
</body>
</html></source>
30. Wrap tag to add border
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").wrapInner($(""));
}); </script> <style> .red { border:2px green solid;} </style> </head> <body> <body>
Hello
</body>
</html></source>