http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_Tutorial%2FjQuery%2Fattr
JavaScript Tutorial/jQuery/attr - История изменений
2026-04-04T11:32:34Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_Tutorial/jQuery/attr&diff=9537&oldid=prev
Admin: 1 версия
2010-05-26T08:25:08Z
<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/attr&diff=9536&oldid=prev
в 18:52, 25 мая 2010
2010-05-25T18:52:56Z
<p></p>
<p><b>Новая страница</b></p><div>== Add attribute and clear attribute==<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(<br />
function() {<br />
$("div").hover(<br />
function() {<br />
$(this).attr("id", "justAdd");<br />
$(this).text("This element\"s ID is: " + $(this).attr("id"));<br />
},<br />
function() {<br />
$(this).attr("id", "");<br />
$(this).text("This element\"s ID has been removed.");<br />
}<br />
);<br />
}<br />
);<br />
$("a").removeAttr("title");<br />
</script><br />
<style type="text/css"><br />
div {<br />
width: 350px;<br />
padding: 10px;<br />
border: 1px solid rgb(200, 200, 200);<br />
background: #93cdf9;<br />
margin: 5px;<br />
}<br />
div#justAdd {<br />
background: #6faddd;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div>Mouse over to change this element"s id.</div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== attr(key, fn)==<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").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></source><br />
<br />
<br />
<br />
== attr(key, value) set a single property to a value, on all matched elements.==<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 />
$("button:gt(1)").attr("disabled","disabled");<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<button>0th Button</button><br />
<button>1st Button</button><br />
<button>2nd Button</button><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== attr(name): access a property on the first matched element.==<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 />
var title = $("em").attr("title");<br />
$("div").text(title);<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<br />
<em title="title value"><br />
<div></div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Disable all form input controls==<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").attr("disabled", "disabled");<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<div><br />
<input type="checkbox" name="a" /><br />
<br />
<span>A</span><br />
</div><br />
<div><br />
<input type="checkbox" name="b" /><br />
<span>B</span><br />
</div><br />
<div><br />
<input type="checkbox" name="c" checked="checked" /><br />
<br />
<span>C</span><br />
</div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Disable input control==<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").attr("disabled", "disabled");<br />
<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<form><br />
<input type="checkbox" name="a" /><br />
<span>A</span><br />
<input type="checkbox" name="b" /><br />
<span>B</span><br />
<input type="checkbox" name="c" checked="checked" /><br />
<span>C</span><br />
</form><br />
<br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Finds the title attribute of the first <em> in the page.==<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 />
var title = $("em").attr("title");<br />
$("div").text(title);<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<br />
<em title="title value"><br />
<div></div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Get attribute from tag==<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 />
var title = $("em").attr("title");<br />
$("div").text(title);<br />
});<br />
</script><br />
</head><br />
<body><br />
<em title="title value">em</em><br />
<div></div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Get input control type==<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 />
$("#exampleTable").find("td").each(function(i, el) {<br />
var inputEl = $(el).children().get(0);<br />
$(el).before("<td>Added " + $(inputEl).attr("type") + "</td>");<br />
})<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<form><br />
<table id="exampleTable"><br />
<tr><br />
<th><br />
Type<br />
</th><br />
<th><br />
Element<br />
</th><br />
</tr><br />
<tr><br />
<td><br />
<input type="button" value="Input Button"/><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<input type="checkbox" /><br />
</td><br />
</tr><br />
</table><br />
</form><br />
<br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Set attribute with the returned function value==<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(<br />
function() {<br />
$("li").attr(<br />
"id",<br />
function() {<br />
return "tmp" + $(this).text();<br />
}<br />
);<br />
}<br />
);<br />
</script><br />
<style type="text/css"><br />
ul {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
}<br />
ul li {<br />
margin: 3px;<br />
padding: 3px;<br />
}<br />
li#tmpA {<br />
background: #d7b05b;<br />
}<br />
li#tmpB {<br />
background: #d3988a;<br />
}<br />
li#tmpC {<br />
background: #8ad3a6;<br />
}<br />
li#tmpD {<br />
background: #8aa9d3;<br />
}<br />
</style><br />
</head><br />
<body><br />
<ul><br />
<li>A</li><br />
<li>B</li><br />
<li>C</li><br />
<li>D</li><br />
</ul><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Set Image URL title alt==<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 />
$("img").attr({ <br />
src: "http://wbex.ru/style/logo.png",<br />
title: "wbex.ru",<br />
alt: "Logo"<br />
});<br />
$("div").text($("img").attr("alt"));<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<img /><br />
<div></div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Sets src attribute from title attribute on the image.==<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 />
$("img").attr("src", function() { <br />
return "/images/" + this.title; <br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<img title="a.gif"/><br />
</body><br />
</html></source></div>