📅  最后修改于: 2023-12-03 15:24:13.743000             🧑  作者: Mango
在 jQuery 中,我们可以使用 jQuery()
或 $()
方法来创建一个新的 HTML 元素,并设置其属性和内容。
下面是创建一个 div
元素的示例代码:
// 使用 $() 方法创建一个 div 元素
var $newDiv = $('<div>');
// 设置 div 元素的类(class)和ID(id)属性
$newDiv.addClass('my-class').attr('id', 'my-div');
// 将 div 元素添加到文档中的 body 元素中
$('body').append($newDiv);
代码解释:
$('<div>')
语句创建了一个新的 div
元素,并将其存储在变量 $newDiv
中。.addClass()
方法将一个类(my-class
)添加到 div
元素中,并使用 .attr()
方法设置其 id
属性(my-div
)。.append()
方法将 div
元素添加到文档的 body
元素中。除了使用 $('<div>')
方法创建 div 元素,我们还可以直接使用 <div>
标签来创建一个 div 元素:
var $newDiv = $('<div>');
以上示例代码等同于以下示例代码:
var $newDiv = $('<div></div>');
不管是哪种方式,我们都能使用 jQuery 方法来访问和修改它。
另外,我们还可以在创建 div
元素时设置其其他属性和内容,例如:
var $newDiv = $('<div>', {
'id': 'my-div',
'class': 'my-class',
'text': 'Hello World!'
});
在这个示例代码中,我们使用 $('<div>', {...})
语句创建了一个新的 div
元素,并使用对象字面量({...}
)设置其 id
(my-div
) 和 class
(my-class
) 属性,以及其内容(text
)(Hello World!
)。
综上所述,我们可以使用几种不同的方式来创建一个 div
元素,并使用 jQuery 方法来访问和修改它的属性和内容。