jQuery是一种流行的JavaScript库，它提供了一种简单易用的方法去操纵和操作HTML文档的元素，同时也提供了传参和获取参数的便捷方式。
传参方式一：使用.data方法
jQuery的.data方法可以给HTML元素绑定数据，通过该方法可以方便地传递参数。具体操作方式如下：
首先我们需要在HTML中给需要传递参数的元素添加一个特殊的属性，如"data-xxx"，其中xxx表示需要传递的参数名称。例如：
<div id="myDiv" data-param="hello world">点击我</div>
然后在JavaScript代码中，我们可以使用.data方法获取这个参数：
var myDiv = $('#myDiv');
var paramValue = myDiv.data('param');
alert(paramValue); //弹出框中显示"hello world"
如上所示，我们通过jQuery选择器获取HTML元素，然后使用.data方法中的参数名称来获取参数的值。
传参方式二：使用属性选择器
另一种传参方式是使用HTML元素属性选择器。具体操作方式如下：
在HTML中我们可以给需要传递参数的元素添加任意属性，然后在JavaScript中使用属性选择器获取该属性的值。
例如：
<div id="myDiv2" param="你好世界">点击我</div>
然后在JavaScript代码中，我们可以使用属性选择器获取参数的值：
var myDiv2 = $('#myDiv2');
var paramValue2 = myDiv2.attr('param');
alert(paramValue2); //弹出框中显示"你好世界"
如上所示，我们通过jQuery选择器获取HTML元素，然后使用.attr方法获取属性值。
示例1：使用.data方法
<body>
<div id="myDiv" data-param="hello world">点击我</div>
<script>
var myDiv = $('#myDiv');
var paramValue = myDiv.data('param');
alert(paramValue); //弹出框中显示"hello world"
</script>
</body>
示例2：使用属性选择器
<body>
<div id="myDiv2" param="你好世界">点击我</div>
<script>
var myDiv2 = $('#myDiv2');
var paramValue2 = myDiv2.attr('param');
alert(paramValue2); //弹出框中显示"你好世界"
</script>
</body>
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jquery传参及获取方式(两种方式) - Python技术站
微信扫一扫 
支付宝扫一扫 