Grow your CSS skills. Land your dream job.

Last updated on:

Working with Attributes

Setting Single Attribute

$("img").attr("src", "http://cdn.css-tricks.com/images/banner.jpg");

Setting Single Attribute (with function)

$("div").attr("id", function (arr) {
    return "div-id" + arr;
})

Setting Multiple Attributes

$("img").attr({
       src: "http://cdn.css-tricks.com/images/banner.jpg",
       title: "banner",
       alt: "banner"
});

Getting Attribute

var $source = $("img").attr("src");

Reference URL

Comments

  1. LuK
    Permalink to comment#

    Just getting into vars with jQuery and because of this I have a question to the last example…is it just your favourite way of naming a variable $source or do I have to do this like this to make it work?

    • It just appears to be a good way of writing variables that have to do with jQuery return values. I like to use it when setting a jQuery object to a variable — for example, var $elems = $(‘#mydivs’);

  2. This is what I need .

Leave a Comment

Current ye@r *

*May or may not contain any actual "CSS" or "Tricks".