jquery 页内 传值

在前端开发中，我们常会遇到需要在页面内传递数据的情况。Jquery是一个非常强大、易用的库，它提供了丰富的API可以帮助我们实现这个目的。

在Jquery中，我们可以使用data方法来实现页内传值。

 $(selector).data(key,value) //设置数据
$(selector).data(key) //获取数据 

其中selector表示要操作的对象，key为要设置或获取的数据的名称，value为要设置的数据的值。

在实际开发中，我们可以在一个元素中存储多个数据：

 <div id="myDiv"></div>
<script>
$(document).ready(function(){
$("#myDiv").data("name", "John");
$("#myDiv").data("age", 30);
console.log($("#myDiv").data("name"));
console.log($("#myDiv").data("age"));
});
</script> 

在上面的例子中，我们首先给一个id为myDiv的div元素设置了两个数据（分别是name和age），然后通过控制台打印出了这两个数据，可以看到它们分别被正确地输出了。

如果我们需要使用一个实例来存储多个数据，可以使用Jquery.data方法来创建一个独立的存储区域：

 <script>
var myData = $.data(document.body, 'myData', { name: 'John', age: 30 });
console.log(myData.name);
console.log(myData.age);
</script> 

在上面的例子中，我们通过Jquery.data方法在document.body上创建了一个名为'myData'的存储区域，然后给这个存储区域设置了两个数据（分别是name和age）。最后，通过控制台打印出了这两个数据，可以看到它们分别被正确地输出了。

总之，使用Jquery中的data方法可以很方便地在页面内存储和传递数据，为我们的开发工作带来了很大的便利。

查看更多关于jquery 页内 传值的详细内容...