jQuery provides you with easy ways to get at the data in your Web page. In particular, you can insert any content you want, anywhere on your page. The examples that follow all use this sample code:
<html>
<head>
<title>My Test Page</title>
<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//Your code goes here.
});
</script>
</head>
<body>
<div>I am a div.</div>
<br />
<input value="Go" type="submit">
</body>
</html>
Here's a quick rundown on how to insert content before, after, and inside a <div> element in a Web page:
| To Place Content | Code |
|---|---|
| In front of and outside the | $(":submit").click(function () { }); |
| In back of and outside the | $(":submit").click(function () { }); |
| Inside the <div> but before existing content (prepend) | $(":submit").click(function () { }); |
| Inside the <div> but after existing content (append) | $(":submit").click(function () { }); |
dummies
Source:http://www.dummies.com/how-to/content/inserting-content-before-after-and-inside-elements.html
No comments:
Post a Comment