Working with Attributes

Setting Single Attribute

$("img").attr("src", "/images/banner.jpg");

Setting Single Attribute (with function)

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

Setting Multiple Attributes

$("img").attr({
       src: "/images/banner.jpg",
       title: "banner",
       alt: "banner"
});

Getting Attribute

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

Comments

  1. User Avatar
    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?

    • User Avatar
      TerranRich
      Permalink to comment#

      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. User Avatar
    nhamngahanh
    Permalink to comment#

    This is what I need .

Submit a Comment

Posting Code

You may write comments in Markdown. This makes code easy to post, as you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences (```) with double new lines before and after.

Code of Conduct

Absolutely anyone is welcome to submit a comment here. But not all comments will be posted. Think of it like writing a letter to the editor. All submitted comments will be read, but not all published. Published comments will be on-topic, helpful, and further the discussion or debate.

Want to tell us something privately?

Feel free to use our contact form. That's a great place to let us know about typos or anything off-topic.

icon-closeicon-emailicon-linkicon-logo-staricon-menuicon-searchicon-staricon-tag