ការផ្លាស់ប្តូរទីតាំងបណ្តាធាតុ HTML ទាំងឡាយនៅលើផ្ទៃ browser ក៏អាចត្រូវធ្វើឡើង ដោយប្រើប្រាស់វិធីឈ្មោះ append(), prepend(), before(), after() នៅក្នុងកញ្ចប់ jQuery បានដែរ។ ពិនិត្យកម្មវិធីខាងក្រោមនេះ៖
<!DOCTYPE html>
<html>
<head>
</head>
<body style="font:14px/1.5 'Odor Mean Chey'">
This is the first paragraph.
This is the second paragraph.
<script>
function appendText() {
$("body").append($("#p1"));
}
</script>
</body>
</html>
This is the first paragraph.
This is the second paragraph.
<!DOCTYPE html>
<html>
<head>
</head>
<body style="font:14px/1.5 'Odor Mean Chey'">
This is the first paragraph.
This is the second paragraph.
<script>
function prependText() {
$("body").prepend($("#p2"));
}
</script>
</body>
</html>
This is the first paragraph.
This is the second paragraph.














