JavaScript Tutorial/jQuery/wrapInner
Содержание
30. Add border with wrapInner
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").wrapInner("<div></div>");
});
</script>
<style>
div { border:2px green solid;}
</style>
</head>
<body>
<body>
<p>Hello</p>
</body>
</html>
30. Innerwrap created element
<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>
<p>Hello</p>
</body>
</html>
30. Innerwrap tags
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").wrapInner("<b></b>");
});
</script>
</head>
<body>
<body>
<p>Hello</p>
</body>
</html>
30. Wrap tag to add border
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").wrapInner($("<span class="red"></span>"));
});
</script>
<style>
.red { border:2px green solid;}
</style>
</head>
<body>
<body>
<p>Hello</p>
</body>
</html>