1

スタイリングを含むhtmlリンクを作成したいと思います。

今私は使用しています：

$('<a/>').text('sample')
         .attr('href', 'http://www.google.com/').appendTo('body');

$('a').css({
               float: 'right',
               fontFamily: 'Verdana, Arial, Helvetica, sans-serif',
               position: 'static',
               display: 'inline',
               visibility: 'inherit'
          });

しかし、代わりにタグを2回作成して参照します.それを行うより簡単な方法はありますか? お気に入り：

$('<a/>').text('sample')
         .attr('href', 'http://www.google.com/').appendTo('body');
         .css({
               float: 'right',
               fontFamily: 'Verdana, Arial, Helvetica, sans-serif',
               position: 'static',
               display: 'inline',
               visibility: 'inherit'
          });
4

3 に答える 3

2

メソッドチェーンを終了する間違った場所にセミコロンがあります。

 .attr('href', 'http://www.google.com/').appendTo('body');
                                                        ^^^

あなたのコードは

$('<a/>').text('sample')
     .attr('href', 'http://www.google.com/').appendTo('body')
     .css({
           float: 'right',
           fontFamily: 'Verdana, Arial, Helvetica, sans-serif',
           position: 'static',
           display: 'inline',
           visibility: 'inherit'
      });
于 2013-04-01T07:47:06.393 に答える
0

試してみてください

$('<a/>').text('sample')
     .attr('href', 'http://www.google.com/').appendTo('body')
     .css({
           float: 'right',
           fontFamily: 'Verdana, Arial, Helvetica, sans-serif',
           position: 'static',
           display: 'inline',
           visibility: 'inherit'
      });

「appendTo」を指定した後にメソッドチェーンを終了しているため、「css」は適用されません....そのセミコロン「;」を削除してみてください appendTo('body') の最後に「css」も含める

于 2013-04-01T07:49:08.510 に答える
0 
$('<a>').text('sample')
         .attr('href', 'http://www.google.com/')
         .css({
               float: 'right',
               fontFamily: 'Verdana, Arial, Helvetica, sans-serif',
               position: 'static',
               display: 'inline',
               visibility: 'inherit'
          }).appendTo('body');

デモ: http://jsfiddle.net/wQLmw/

于 2013-04-01T07:49:33.307 に答える