Руководство jQuery

Данная функция предназначена в качестве оптимального пути установления нескольких свойств во всех выбранных элементах. Однако вы должны использовать 'className' как ключ, если желаете установить класс элементу. Или используйте функцию .addClass(class) или .removeClass(class). Учтите attr( key, value ) или attr ( key, fn ) действуют рекурсивно, поэтому, если одна из переменных передана функции, функция будет исполняться без сохранения атрибута.

Примеры

Пример:

Установить атрибуты для всех элементов img на странице.

Пример
Весь код

"jQuery"

$("img").attr({
          src: "/images/hat.gif",
          title: "jQuery",
          alt: "jQuery Logo"
        });
$("div").text($("img").attr("alt"));

"HTML"

<img />
<img />
<img />
<div><B>Attribute of Ajax</B></div>

"CSS"

img { padding:10px; }
div { color:red; font-size:24px; }

"Живой пример jQuery"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
						"http://www.w3.org/TR/html4/loose.dtd">
	<html>
	<head>
	<link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" 
	rel="stylesheet" type="text/css"/>
	  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
	<script>
	  $(document).ready(function(){
	
$("img").attr({
          src: "/images/hat.gif",
          title: "jQuery",
          alt: "jQuery Logo"
        });
$("div").text($("img").attr("alt"));


	  });
	</script>

	</head>
	<body class="iframe">

	
<img />
<img />
<img />
<div><B>Attribute of Ajax</B></div>


	</body>
	</html>

	
	<style>
	
img { padding:10px; }
div { color:red; font-size:24px; }

	</style>

Метод появился в jQuery 1.0 (http://api.jquery.com/attr/)

Версия jQuery 1.4.2 Документ создан 2010-08-21