JavaScript Tutorial/jQuery/before
Содержание
Add tag before
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").before("<b>Hello</b>");
});
</script>
</head>
<body>
<body>
<b>b</b>
<p>p</p>
</body>
</html>
Add text node before
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").before( document.createTextNode("Hello") );
});
</script>
</head>
<body>
<body>
<b>b</b>
<p>p</p>
</body>
</html>
before(content): Insert content before each of the matched elements.
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").before( $("b") );
});
</script>
</head>
<body>
<body>
<b>asdf</b>
<p>asdf: </p>
</body>
</html>
Inserts a DOM element before all paragraphs.
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").before( document.createTextNode("Hello") );
});
</script>
</head>
<body>
<body>
<b>asdf</b>
<p>asdf: </p>
</body>
</html>
Inserts a jQuery object (similar to an Array of DOM Elements) before all paragraphs.
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").before( $("b") );
});
</script>
</head>
<body>
<body>
<b>asdf</b>
<p>asdf: </p>
</body>
</html>
Inserts some HTML before all paragraphs.
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").before("<b>Hello</b>");
});
</script>
</head>
<body>
<body>
<b>asdf</b>
<p>asdf: </p>
</body>
</html>