Question

我是一个菜鸟，我对the jQuery API documentation for event.preventDefault:

中的一些示例代码感到困惑

<!DOCTYPE html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

<a href="http://jquery.com">default click action is prevented</a>
<div id="log"></div>

<script>
$("a").click(function(event) {
    event.preventDefault();
$('<div/>')
    .append('default ' + event.type + ' prevented')
    .appendTo('#log');
});
</script>

</body>
</html>

为什么在这里使用append（）和appendTo（）？不应该一个人够吗？为什么使用自闭$('<div/>')代替简单$('<div>')？

Answer 1

$('<div/>').append('default ' + event.type + ' prevented')

返回附加文本的div。

此div附加到'#log'元素。

链接函数调用是使这两个函数有用的原因。

来自文档：

.append（）和.appendTo（）方法执行相同的任务。专业差异在于语法特定，在放置中内容和目标。使用.append（），前面的选择器表达式该方法是插入内容的容器。同另一方面，.appendTo（），内容在方法之前，作为选择器表达式或动态创建的标记，以及它被插入到目标容器中。

根据你的第二个问题，$('<div>')可以用来代替$('<div/>')，是的，但目的（添加一个整体元素）对后者来说更明显。

Answer 2

append（）将参数插入元素，append（）将所选元素插入作为参数的元素中

同时使用append（）和appendTo（）

2 个答案: