http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FjQuery%2Fslice
JavaScript DHTML/jQuery/slice - История изменений
2026-04-04T18:28:35Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/jQuery/slice&diff=3050&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/slice&diff=3051&oldid=prev
Admin: 1 версия
2010-05-26T07:24:10Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Slice li under a ul==<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 />
var tmpExample = {<br />
ready : function() {<br />
$("ul#uiID li").slice(0, 4).addClass("justAdd");<br />
}<br />
};<br />
$(document).ready(tmpExample.ready);<br />
</script><br />
<style type="text/css"><br />
ul#uiID {<br />
list-style: none;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
ul#uiID li {<br />
margin: 1px;<br />
padding: 3px;<br />
}<br />
li.justAdd {<br />
background: #fcc16e;<br />
}<br />
</style><br />
</head><br />
<body id="tmpExample"><br />
<ul id="uiID"><br />
<li class="liClass1">A</li><br />
<li class="liClass1">B</li><br />
<li class="liClass1">C</li><br />
<li class="liClass1">D</li><br />
<li class="liClass2">E</li><br />
<li class="liClass2">F</li><br />
<li class="liClass2">G</li><br />
<li class="liClass2">H</li><br />
<li class="liClass3">I</li><br />
<li class="liClass3">J</li><br />
</ul><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Slice paragraphs to include only the second and third element.==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
$("p").slice(1).wrapInner("<b></b>");<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Slices paragraphs to include only the first and second element.==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
$("p").slice(0, 2).wrapInner("<b></b>");<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Slices paragraphs to include only the second element.==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
$("p").slice(1, 2).wrapInner("<b></b>");<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Slice start and end==<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 />
==Slice start till ends==<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).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 />
==slice to the end==<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 />
var tmpExample = {<br />
ready : function() {<br />
$("ul#uiID li").slice(5).addClass("justAdd");<br />
}<br />
};<br />
$(document).ready(tmpExample.ready);<br />
</script><br />
<style type="text/css"><br />
ul#uiID {<br />
list-style: none;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
ul#uiID li {<br />
margin: 1px;<br />
padding: 3px;<br />
}<br />
li.justAdd {<br />
background: #fcc16e;<br />
}<br />
</style><br />
</head><br />
<body id="tmpExample"><br />
<ul id="uiID"><br />
<li class="liClass1">A</li><br />
<li class="liClass1">B</li><br />
<li class="liClass1">C</li><br />
<li class="liClass1">D</li><br />
<li class="liClass2">E</li><br />
<li class="liClass2">F</li><br />
<li class="liClass2">G</li><br />
<li class="liClass2">H</li><br />
<li class="liClass3">I</li><br />
<li class="liClass3">J</li><br />
</ul><br />
</body><br />
</html><br />
<br />
</source></div>
Admin