http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FjQuery%2FSelector_relation
JavaScript DHTML/jQuery/Selector relation - История изменений
2026-04-04T22:56:11Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/jQuery/Selector_relation&diff=2892&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/Selector_relation&diff=2893&oldid=prev
Admin: 1 версия
2010-05-26T07:23:58Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==descendant(ancestor, descendant): Finds all input descendants of forms.==<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 />
$("form input").css("border", "2px solid blue");<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<form><br />
<input name="name" /><br />
<input name="newsletter" /><br />
</form><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==has(selector) matches the specified selector.==<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 />
$("tr:has(td)").css("color","red");<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<table><br />
<tr><td>First</td></tr><br />
<tr><td>asdf</td></tr><br />
<tr><td>asdf</td></tr><br />
</table><br />
<br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Match parents==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<style><br />
.test{ border: 1px solid red; }<br />
</style><br />
<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:parent").addClass("test");<br />
});<br />
</script><br />
<br />
</head><br />
<body><br />
<div><p>paragraph in div</p></div><br />
<div>div</div><br />
<br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==next(prev, next): Finds all inputs that are next to a label.==<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 />
$("label + input").css("color", "blue").val("Labeled!")<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<form><br />
<label>Name:</label><br />
<br />
<input name="name" /><br />
<fieldset><br />
<label>Age:</label><br />
<input name="age" /><br />
</fieldset><br />
</form><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==parent() matches all elements that are parents==<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 />
$("td:parent").fadeTo(1500, 0.3);<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<table border="1"><br />
<tr><td>Value 1</td><td></td></tr><br />
<br />
<tr><td>Value 2</td><td></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==prev + next==<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 />
$("label + input").css("color", "red").val("value")<br />
});<br />
</script><br />
</head><br />
<body><br />
<form><br />
<label>Name:</label><br />
<input name="name" /><br />
<fieldset><br />
<label>Address:</label><br />
<input name="newsletter" /><br />
</fieldset><br />
</form><br />
<input name="none" /><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==prev ~ siblings==<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 />
$("label ~ input").css("color", "red").val("value")<br />
});<br />
</script><br />
</head><br />
<body><br />
<form><br />
<label>Name:</label><br />
<input name="name" /><br />
<fieldset><br />
<label>Address:</label><br />
<p>p</p><br />
<input name="newsletter" /><br />
</fieldset><br />
</form><br />
<input name="none" /><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Remove all elements that have a descendant ol element==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
$("p").filter(function(index) {<br />
return $("ol", this).length == 0;<br />
});<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Select if DIV has another tag==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<style><br />
.test{ border: 1px solid red; }<br />
</style><br />
<br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("div:has(p)").addClass("test");<br />
});<br />
</script><br />
<br />
</head><br />
<body><br />
<div><p>paragraph in div</p></div><br />
<div>div</div><br />
<br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Select inside body tag==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<style><br />
.test{ border: 1px solid red; }<br />
</style><br />
<br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("span:first").text($(":hidden", document.body).length + " hidden elements.");<br />
});<br />
</script><br />
<br />
</head><br />
<body><br />
<span></span><br />
<div></div><br />
<div style="display:none;">Hider!</div><br />
<div></div><br />
<div></div><br />
<form><br />
<input type="hidden" /><br />
<input type="hidden" /><br />
<input type="hidden" /><br />
</form><br />
<span></span><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</source></div>
Admin