首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery vs Javascript点击

jQuery vs Javascript点击
EN

Stack Overflow用户
提问于 2013-01-18 23:37:13
回答 4查看 166关注 0票数 0

我读过很多关于如何处理Javascript的onclick和jQuery的.click()的主题,但我不知道如何使用jQuery传递参数。

第一个选项- Javascript、HTML

代码语言:javascript
复制
The HTML

<input type="button" onclick="doAction(<?=$id?>,'order');" />

因此,在JS中我可以做到

代码语言:javascript
复制
function doAction(id,type){

 //do something here

}

第二个选项- jQuery、HTML

代码语言:javascript
复制
The HTML

<input type="button" id="trigger" />

所以jQuery变成了

代码语言:javascript
复制
$("#trigger").click(function() {

   //do something here

 });

我是否必须做一些类似的事情(在这种情况下,我如何知道id和type的值?)

代码语言:javascript
复制
  $("#trigger").click({id: "???", type: "????"}, other_function);

  function other_function(event){
     id = event.data.param1;
     type = event.data.param2;
   }

我是否必须通过使用

代码语言:javascript
复制
  HTML
  <input type="hidden" id="id" value="<?=$id?>" />
  <input type="hidden" id="type" value="order" />

  jQuery

   $("#trigger").click(function(){
      var id = $("#id").val();
      var type = $("#type").val();
      //do something

   });

我希望避免使用onclick(),因为我已经了解到应该避免使用onclick()。我只需要一种合适的方法来传递参数,就像我使用onclick()所做的那样。

EN

Stack Overflow用户

发布于 2013-01-18 23:42:01

使用chrome打开控制台并尝试如下所示

代码语言:javascript
复制
$(#trigger);
$(#trigger).click(function(e) {
  console.log(
               $(this),
               $(this).attr('type') 
             );
});

该函数有一个名为this的隐藏变量,它是您触发事件的元素。

票数 0
EN
查看全部 4 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14402278

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档