插件窝 干货文章 jquery点击获取动态数据进行传参问题

jquery点击获取动态数据进行传参问题

class click function jquery 107    来源:    2024-10-11

jquery点击获取动态数据进行传参

因为要点击事件进行跳转页面,将当前页面的部分数据进行传参

$(".otd").click(function () {
        var _phone = $(this).prev()[0].innerHTML;
        sessionStorage.setItem("_phone",_phone);
        var _name=$(this).prevAll()[1].innerText;
        sessionStorage.setItem("_name",_name);
    }
);

jquery .click()方法传参

今天写东西,要在jQuery 的.click方法里传参,查阅了一下jQuery的官方文档,做了下实验和总结(原谅我的前端 是用一点学一点!)

1.click()方法简介

1.click( handler ) //1.0版本的.click,
                  //handler(Function 类型),只要事件被触发,就会执行该function
2.click( [eventData ], handler )//1.4.3版本加入的
                                 //参数eventData:可以为任何数据类型,保存在event.data中,event为handler的一个事件参数
                                 //参数handler,为Function类型,例:function(event){}

2.写段代码测试一下

<html>
  <head>
    <title></title>
    <meta content="">
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script>
      $(document).ready(function(){
       $("#btn").click("测试数据",function(event){
         alert(event.data);
       })
      });
</script>
    <style></style>
  </head>
  <body>
    <button type="button" id="btn">click</button>
  </body>
</html>

以上为个人经验,希望对您有所帮助。