http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_Tutorial%2FjQuery%2Fchildren
JavaScript Tutorial/jQuery/children - История изменений
2026-04-04T11:33:44Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_Tutorial/jQuery/children&diff=9735&oldid=prev
Admin: 1 версия
2010-05-26T08:25:22Z
<p>1 версия</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;">Версия 08:25, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
Admin
http://wbex.ru/index.php?title=JavaScript_Tutorial/jQuery/children&diff=9734&oldid=prev
в 18:52, 25 мая 2010
2010-05-25T18:52:57Z
<p></p>
<p><b>Новая страница</b></p><div>== Append SPAN one after another==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><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 />
$("input").keypress(function (e) {<br />
var c = String.fromCharCode(e.which);<br />
$("p").append($("<span/>")).children(":last").append(document.createTextNode(c));<br />
$("div").text(e.which);<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<input type="text" /><br />
<p>Add text - </p><br />
<div></div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Attaches a change event to the select that gets the text for each selected option==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><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 />
$("select").change(function () {<br />
var str = "";<br />
$("select option:selected").each(function () {<br />
str += $(this).text() + " ";<br />
});<br />
$("div").text(str);<br />
})<br />
.change();<br />
<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<select name="sweets" multiple="multiple"><br />
<option>A</option><br />
<option selected="selected">B</option><br />
<option>C</option><br />
<option selected="selected">D</option><br />
<option>E</option><br />
<option>F</option><br />
</select><br />
<div></div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== children(expr): filter with an optional expression==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><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 />
$("#container").click(function (e) {<br />
<br />
var $kids = $(e.target).children();<br />
alert($kids.length);<br />
<br />
<br />
e.preventDefault();<br />
return false;<br />
});<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></source><br />
<br />
<br />
<br />
== Children from DIV==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><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").children().css("border", "3px double red");<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<div><span>span</span>div</div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Get target children length==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><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 />
$("#container").click(function (e) {<br />
var $ch = $(e.target).children();<br />
alert($ch.length);<br />
e.preventDefault();<br />
return false;<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<div id="container"><br />
<div><br />
<p>This <span>is the <em>way</em> we</span> <br />
write <em>the</em> demo,</p><br />
</div><br />
</div><br />
</body><br />
</html></source></div>