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

2022-12-01 10:09:09

目录jquery点击获取动态数据进行传参jquery.click()方法传参1.click()方法简介2.写段代码测试一下jquery点击获取动态数据进行传参因为要点击事件进行跳转页面,将当前页面的...

目录
jquery点击获取动态数据进行传参
jquery .click()方法传参
1.click()方法简介
2.写段代码测试一下

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>

以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。