jquery - 使用 Jquery 将 html 附加到 css？

Question

我想创建一个带有一些样式的 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'
          });

Answer 1

您在终止方法链接的错误位置有分号。

 .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'
      });

Answer 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'
      });

您在给出“appendTo”后终止方法链接，因此“css”将不适用于那里....尝试删除该分号';' 在 appendTo('body') 的末尾也包括“css”

Answer 3

$('<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/