<!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>
以上代码取自:http://api.jquery.com/event.preventDefault/
问题:
function(event)
,我知道这里event的意思是:click,但是click对象是如何将值传递给这个参数:event的呢?-
$('<div/>') .append('default ' + event.type + ' prevented') .appendTo('#log');
我知道append()
和appendTo()
,但仍然很难理解这一行,$('<div/>')
意味着创建一个 <div/>
?通常我只看到这种风格:$('div').append()
,谁能给我解释一下这一行吗?谢谢。
最佳答案
对象为event
当事件触发时,参数由 jQuery 自动传递。
$('<div/>')
将创建一个新的 <div></div>
元素。
.append('default ' + event.type + ' prevented')
会在新创建的div中添加“默认点击被阻止”,所以它会变成类似<div>default click prevented</div>
的东西。
.appendTo('#log');
将把上面的整个 div 附加到 #log
元素,即如果您考虑您的 #log
元素为<div id="log"></div>
,那么它就会变成
<div id="log">
<div>default click prevented</div>
</div>
关于jquery - 试图理解一个 jquery 示例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17272373/