[jQuery]数据隐藏传递

本文介绍了两种使用jQuery进行数据隐藏传递的方法:一是利用隐藏的input标签;二是通过在HTML标签中添加自定义属性来存储和获取值。这两种方式在不显示数据的同时,实现了数据在前端的传递。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  • 方法一:通过input标签的type="hidden"传递
        <!-- 获取value的值V1 -->
		<input type="hidden" name="name1" id="" value="v1" />
		<input type="button" value="点击按钮" />
		
		<script type="text/javascript">
			$("[type=button]").click(function(){
				alert($("[name=name1]").val())
			});
		</script>

type="hidden"表示这个input标签被隐藏了

  • 方法二:通过在任意标签内添加attr的值实现
       <!-- 获取value的值V1 -->
		<p t1="v1"></p>
		<input type="button" name="" id="" value="点击按钮" />
		
		<script type="text/javascript">
			$("[type=button]").click(function(){
				alert($("p").attr("t1"));
			});
		</script>

如上,我们把要传递的值放在p标签中,可以自定义起一条名为t1,值为v1的数据,js中可以用attr给自定义的t1赋值或者获取t1的值。

        $("p").attr("t1","vv"); //给t1赋值 
	    $("p").attr("t1");	//获取t1的值
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值