jquery - 试图理解一个 jquery 示例

标签 jquery

   <!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/

问题:

  1. function(event) ,我知道这里event的意思是:click,但是click对象是如何将值传递给这个参数:event的呢?

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

相关文章:

jquery - 单击 <a> 显示/隐藏 <div>,URL 中没有添加 #

javascript - 在 kendo ui 中加载页面时隐藏详细信息表(k-detail-cell)

javascript - 追加元素问题

jquery - 如何打开 Foundation Reveal 模式 javascript

jquery - Rails 参数解析,需要转义吗?

javascript - 使用 onclick 从表的 td 调用 jquery 函数

javascript - jQuery - 在表中使用 (this) 进行滑动切换

javascript - 如何在 CSS 中隐藏列表后面的内容?

javascript - 查找 URL 并从中创建一个变量

javascript - 使用嵌套 JSON 响应创建 HTML 列表(具有未定义的 Json 索引级别)?