http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FjQuery%2FDIV
JavaScript DHTML/jQuery/DIV - История изменений
2026-04-04T15:17:22Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/jQuery/DIV&diff=2958&oldid=prev
в 10:02, 26 мая 2010
2010-05-26T10:02:45Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 10:02, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/jQuery/DIV&diff=2959&oldid=prev
Admin: 1 версия
2010-05-26T07:24:02Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Add html to div then do further manipulations to the inserted html.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("p").html("<b>bold</b>");<br />
$("p b").append(document.createTextNode("!!!")).css("color", "red");<br />
});<br />
</script><br />
<style><br />
.selected { color:red; }<br />
.highlight { background:yellow; }<br />
</style> <br />
</head><br />
<body><br />
<body><br />
<p class="selected highlight">Hello</p><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Adds a border to divs that are not green==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
$("div").not(".green").css("color", "red");<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<div id="results">asdf</div><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Animates all divs to slide down and show themselves over 600 milliseconds.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$(document.body).click(function () {<br />
if ($("div:first").is(":hidden")) {<br />
$("div").slideDown("slow");<br />
} else {<br />
$("div").hide();<br />
}<br />
});<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<div>asdf</div><div>asdf</div><div>asdf</div><div>asdf</div><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Animates all hidden divs to show fastly in order==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("#showHandler").click(function () {<br />
$("div:eq(0)").show("fast", function () {<br />
$(this).next().show("fast", arguments.callee); <br />
});<br />
});<br />
$("#hideHandler").click(function () {<br />
$("div").hide(2000);<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<button id="showHandler">Show</button><br />
<button id="hideHandler">Hide</button><br />
<br />
<div>A</div><br />
<div>B</div><br />
<div>C</div><br />
<div>D</div><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Animates divs between dividers with a toggle that makes some appear and some disappear.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
$("button").click(function () {<br />
$("div:not(.still)").slideToggle("slow", function () {<br />
<br />
<br />
});<br />
});<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<button>Toggle</button><br />
<div>asdf</div><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Append to DIV==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("div").html("<b>bold</b> not bold");<br />
$("div b").append(document.createTextNode("!!!")).css("color", "red");<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<DIV></DIV><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Bind a single click that adds the div id to its text.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("div[id]").one("click", function(){<br />
var idString = $(this).text() + " = " + $(this).attr("id");<br />
$(this).text(idString);<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<div id="hey">hey id</div><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Bind mouse over and out event to div tag==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).bind(<br />
"ready",<br />
function() {<br />
$("div").bind("mouseover",function() {<br />
$(this).addClass("myMouseOver");<br />
}<br />
);<br />
$("div").bind("mouseout",function() {<br />
$(this).removeClass("myMouseOver");<br />
}<br />
);<br />
$("div").bind("click",function() {<br />
if ($(this).hasClass("myMouseOn")) {<br />
$(this).removeClass("myMouseOn");<br />
} else {<br />
$(this).addClass("myMouseOn");<br />
}<br />
}<br />
);<br />
<br />
}<br />
);<br />
</script><br />
<style type="text/css"><br />
div {<br />
border: 1px solid rgb(200, 200, 200);<br />
width: 10px;<br />
height: 10px;<br />
margin: 5px;<br />
float: left; <br />
}<br />
div.myMouseOver {<br />
background: red;<br />
}<br />
div.myMouseOn {<br />
background: yellow;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div></div><br />
<div></div><br />
<div></div><br />
<div></div><br />
<div></div><br />
<div></div><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Change DIV background==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
function colorEm() {<br />
var $div = $("div");<br />
$div.css("background", "red");<br />
$div.slice(2, 4).css("background", "yellow"); <br />
}<br />
$("button").click(colorEm);<br />
});<br />
</script><br />
<style><br />
div { width:40px; height:40px; margin:10px; float:left;}<br />
</style><br />
</head><br />
<body><br />
<body><br />
<button>Click the button</button><br />
<div></div><br />
<div></div><br />
<div></div><br />
<div></div><br />
<div></div><br />
<div></div><br />
<div></div><br />
<div></div><br />
<div></div><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Change the color of all divs then put a border around only some of them.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("div").css("background", "#c8ebcc")<br />
.filter(".middle")<br />
.css("color", "red");<br />
});<br />
</script><br />
<br />
</head><br />
<body><br />
<body><br />
<div class="middle">asdf</div><br />
<div>asdf</div><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Change the color of all divs then put a border two specific ones.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("div").css("background", "#b4b0da")<br />
.filter(function (index) {<br />
return index == 1 || $(this).attr("id") == "fourth";<br />
})<br />
.css("border", "3px double red");<br />
});<br />
</script><br />
<br />
</head><br />
<body><br />
<body><br />
<div class="middle">asdf</div><br />
<div>asdf</div><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Click to add border==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("div").one("click", function () {<br />
$(this).css({"border-style": "inset", cursor:"default"});<br />
<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
Press each to see the text.<br />
<div>asdf</div><br />
<div>sdf</div><br />
<div>df</div><br />
<div>sdf</div><br />
<div>asdf</div><br />
<div>asdf</div><br />
<p></p><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Click to change DIV tag color==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<style><br />
div { width:50px; height:40px; margin: 5px; float:left;background:red; }<br />
</style><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("div:visible").click(function () {<br />
$(this).css("background", "yellow");<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<br />
<div></div><br />
<div style="display:none;"></div><br />
<div></div><br />
<div></div><br />
<div style="display:none;"></div><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Creates a div element (and all of its contents) dynamically, and appends it to the body element.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
$("<div><p>Hello</p></div>").appendTo("body")<br />
<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<form><br />
<input type="radio" name="newsletter" value="Hot Fuzz">adf</input><br />
</form><br />
<br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Fade div to a random opacity on each click, completing the animation within 200 milliseconds.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
$("p:first").click(function () {<br />
$(this).fadeTo("slow", Math.random());<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<p><span>asdf</span></p><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Find all children of each div.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
$("div").children().css("border-bottom", "3px double red");<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<div id="container"><br />
<div><br />
asdf<br />
</div><br />
</div><br />
<br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Finds all divs adds all paragraphs==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
<br />
<br />
$("div").add("p")<br />
.css("background", "yellow");<br />
<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<div>asdf</div><br />
<div>asdf</div><br />
<div>asdf</div><br />
<div>asdf</div><br />
<br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Get text from paragraph and set to DIV==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
var str = $("p:first").text();<br />
$("div").html(str);<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<p>asdf</p><br />
<DIV></DIV><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Hides the divs when clicked over 2 seconds, then removes the div element when its hidden.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("div").click(function () {<br />
$(this).hide(2000, function () {<br />
$(this).remove();<br />
});<br />
}); <br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<div>asdf</div><div>asdf</div><div>asdf</div><div>asdf</div><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Hides the divs when clicked, then removes the div element when its hidden.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
for (var i = 0; i < 5; i++) {<br />
$("<div>asdf</div>").appendTo(document.body);<br />
}<br />
$("div").click(function () {<br />
$(this).hide(2000, function () {<br />
$(this).remove();<br />
});<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Locate all the divs after the first and give them a class.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("div:first").nextAll().css("color","red");<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<br />
<div>asdf</div><br />
<div>asdf</div><br />
<br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Set DIV color==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("div").css("color", "red").add("p").css("background", "yellow");<br />
});<br />
</script><br />
<style><br />
div { width:40px; height:40px; margin:10px; float:left;}<br />
</style><br />
</head><br />
<body><br />
<body><br />
<div>asdf</div><br />
<div>asdf</div><br />
<div></div><br />
<div></div><br />
<div></div><br />
<div></div><br />
<div></div><br />
<div></div><br />
<div></div><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Sets id for divs based on the position in the page.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("div").attr("id", function (arr) {<br />
return "div-id" + arr;<br />
})<br />
.each(function () {<br />
$("span", this).html("(ID = "<b>" + this.id + "</b>")");<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<div>A<span></span></div><br />
<div>B<span></span></div><br />
<div>C<span></span></div><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Switch class when clicking the div tag==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).bind(<br />
"ready",<br />
function() {<br />
$("div").bind(<br />
"mouseover",<br />
function() {<br />
$(this).addClass("myMouseOver");<br />
}<br />
);<br />
$("div").bind(<br />
"mouseout",<br />
function() {<br />
$(this).removeClass("myMouseOver");<br />
}<br />
);<br />
$("div").bind(<br />
"click",<br />
function() {<br />
if ($(this).hasClass("myMouseOn")) {<br />
$(this).removeClass("myMouseOn");<br />
} else {<br />
$(this).addClass("myMouseOn");<br />
}<br />
}<br />
);<br />
<br />
}<br />
);<br />
</script><br />
<style type="text/css"><br />
div {<br />
border: 1px solid rgb(200, 200, 200);<br />
width: 10px;<br />
height: 10px;<br />
margin: 5px;<br />
float: left; <br />
}<br />
div.myMouseOver {<br />
background: red;<br />
}<br />
div.myMouseOn {<br />
background: yellow;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div></div><br />
<div></div><br />
<div></div><br />
<div></div><br />
<div></div><br />
<div></div><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Tie a one-time click to each div.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
<br />
$("div").one("click", function(){<br />
alert("clicked.");<br />
});<br />
<br />
<br />
});<br />
</script><br />
<style><br />
div { width:50px; height:70px; float:left; margin:5px;<br />
background:rgb(255,140,0); cursor:pointer; }<br />
<br />
</style><br />
</head><br />
<body><br />
<body><br />
<div>asdf</div><br />
<br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==To set the height of each div on click to 30px plus a color change.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
<br />
$("div").one("click", function () {<br />
$(this).height(30)<br />
.css({cursor:"auto", backgroundColor:"green"});<br />
});<br />
<br />
<br />
});<br />
</script><br />
<style><br />
div { width:50px; height:70px; float:left; margin:5px;<br />
background:rgb(255,140,0); cursor:pointer; }<br />
<br />
</style><br />
</head><br />
<body><br />
<body><br />
<div></div><br />
<div></div><br />
<br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==To set the width of each div on click to 30px plus a color change.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
<br />
$("div").one("click", function () {<br />
$(this).width(30)<br />
.css({cursor:"auto", "background-color":"blue"});<br />
});<br />
<br />
<br />
});<br />
</script><br />
<style><br />
div { width:50px; height:70px; float:left; margin:5px;<br />
background:rgb(255,140,0); cursor:pointer; }<br />
<br />
</style><br />
</head><br />
<body><br />
<body><br />
<div></div><br />
<div></div><br />
<br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Turn the div with index 2 blue by adding an appropriate class.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("div").eq(2).css("color","blue");<br />
});<br />
</script><br />
<style><br />
.selected { color:red; }<br />
.highlight { background:yellow; }<br />
</style> <br />
</head><br />
<body><br />
<body><br />
<div id="single">asdf</div><br />
<div id="single">asdf</div><br />
<div id="single">asdf</div><br />
<div id="single">asdf</div><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Wrap a jQuery object div around all of the paragraphs==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("p").wrap($(".doublediv"));<br />
<br />
<br />
});<br />
</script><br />
<style><br />
.doublediv { color:red; }<br />
</style><br />
<br />
</head><br />
<body><br />
<body><br />
<br />
<p>World</p><br />
<div class="doublediv">asdf<div><br />
<br />
</body><br />
</html><br />
<br />
<br />
</source></div>
Admin