jQuery的返回undefined意外

Question

的的jsfiddle鏈接http://jsfiddle.net/PrfZy/1/

的代碼是：

$button = $('<button />', { text: "Some text.", name: "myButton"}); 
alert($button.attr("name")); 
alert($button.attr("text")); 

爲什麼是第二次警告 「未定義」？

Answer 1

用於<button>的有效屬性是name，type，value和disabled（其實際上被認爲一個屬性，並應通過prop()設置和訪問）。

您可以使用屬性制定者創建一個自定義屬性（不驗證）：

$button = $('<button />').attr('text','Some text.').attr('name','myButton'); 
alert($button.attr('name')); 
alert($button.attr("text")); 

http://jsfiddle.net/AlienWebguy/PrfZy/2/

的有效語法如下：

$button = $('<button />').text('Some text.').attr('name','myButton'); 
alert($button.attr('name')); 
alert($button.text()); 

http://jsfiddle.net/AlienWebguy/PrfZy/3/

當然，妥協的t他於將設置有效的HTML5自定義數據屬性，並通過data()

$button = $('<button />').attr('data-text','Some text.').attr('name','myButton'); 
alert($button.attr('name')); 
alert($button.data('text')); 

http://jsfiddle.net/AlienWebguy/PrfZy/4/

Answer 2

text不是attr，所以如果您將該行更改爲此alert($button.text());您將得到您期望的結果。