Javascript $（e.target）.find和template.find（'；input'；）.value之间有什么区别

它可能是一些基本的东西，但需要对用例进行解释。就像有时点击“回车”输入数据，而有时鼠标点击工作。我担心我会忽略的“陷阱”。比如，它可能在Firefox中工作，但在Chrome中不起作用

我看到了以下两种方法，都是将数据输入表单元素的方法

第一条路 JavaScript

var $body = $(e.target).find('[name=body]');  //defines the content
var comment = { body: $body.val() };    

var message = template.find('input').value;

HTML

<form class="form-send-message" id="addcomment" data-keyboard-attach>
  <textarea id="body" name="body"></textarea>
</form>

<form class="message" data-keyboard-attach>
    <input type="text" name="body" id="body">
    <button class="icon" type="submit"></button> 
</form>

HTML

<form class="form-send-message" id="addcomment" data-keyboard-attach>
  <textarea id="body" name="body"></textarea>
</form>

<form class="message" data-keyboard-attach>
    <input type="text" name="body" id="body">
    <button class="icon" type="submit"></button> 
</form>

---

在这里，您可以看到两种方法来查找输入/文本区域的值，并给出解释：

'submit .new-post': function(event){
    //returns name="postBody" content from the form you're submitting
    var postBody = event.target.postBody.value;  

    //returns the value of an html element that exists in DOM, even if its inside a different template or form.
    var postBody = $('.someClass').val()  
}

第一个代码是，而第二个代码是。他们都能在适当的环境下完成同样的事情。此外，根据meteor的

模板.find

是jQuery的

$

的别名，这意味着它们完全相同

但是，在这种情况下，代码不会做同样的事情

第一个代码在

e.target

中查找名为“body”的元素的值。我假设

e

是一个

事件

，但无法判断您当前提供的代码量

---

第二个代码只获取它找到的第一个输入元素的值。

两个不同的JS库？