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

 更新时间:2022年12月01日 09:35:33   作者:qq_43711515  
这篇文章主要介绍了jquery点击获取动态数据进行传参问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

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="http://9i0i.com/pic.php?p=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>

以上为个人经验,希望能给大家一个参考,也希望大家多多支持程序员之家。

相关文章

最新评论

?


http://www.vxiaotou.com