代码之家  ›  专栏  ›  技术社区  ›  fire

这是在链接中设置图像的正确方法吗?

  •  0
  • fire  · 技术社区  · 14 年前
        $('<a />').attr({
            'href': '#'
        })
        .append(
            $('<img />').attr({
                'id'    : 'img',
                'src'   : 'edit.png'
        }))
        .appendTo('body');
    

    是否“正确的方式”去添加 <a href="#"><img src="edit.png" id="img" /></a> 对尸体?

    另外,我该如何在img上添加一些css呢?

    4 回复  |  直到 14 年前
        1
  •  1
  •   jAndy    14 年前

    从版本1.4.x开始,您可以将所有这些直接放入jQuery()中

    $('<a />', {
        'href': '#'
    })
    .append(
        $('<img />', {
            'id'    : 'img',
            'src'   : 'edit.png',
            'css'   : {
                'width'  :  '100px',
                'height' :  '30px'
            }
    }))
    .appendTo('body');
    

    $('<div/>', {
         id:    'myID',
         class: 'myCLASS',
         css:   {
             position: 'absolute'
         },
         click: function(e){
             alert(e.target.id);
         },
         data:  {
             foo:  'bar'
         }
    }).appendTo(document.body);
    
        2
  •  0
  •   Reigel Gallarde    14 年前
    $('<img/>').attr({
         'id'    : 'img',
         'src'   : 'edit.png'
     }).css({/* css here*/})
    

    more on .css()

        3
  •  0
  •   jos    14 年前

    <img style="display:block;" src="##.jpg" />
    
        4
  •  0
  •   mr.b Scott Lystig Fritchie    14 年前

    TIMTOWTDI 是的,这是一种方法。记住,没有“正确”的方法。如果成功了,就意味着你走上了正确的道路。

    而且,正确是相对的。