Products
GG网络技术分享 2025-03-18 16:17 1
jQuery是一个广泛应用于前端开发的JavaScript库,具有操作DOM元素、事件处理、动画效果、AJAX等方面的强大功能。在jQuery中,传值和取值是经常需要用到的操作。下面我们将分别介绍传值和取值相关的jQuery方法。
传值:将数据从一个地方传递到另一个地方。
//传递字符串
var str = \"Hello World\";
$(\'#myId\').text(str);
//传递数字
var num = 123;
$(\'#myId\').text(num);
//传递数组
var arr = [1, 2, 3];
$(\'#myId\').text(arr);
//传递对象
var obj = {name:\"张三\",age:18};
$(\'#myId\').text(obj);
取值:获取元素属性或输入框中的值。
//获取元素属性
var attr = $(\'#myId\').attr(\'src\');
//获取输入框中的值
var val = $(\'input[type=text]\').val();
jQuery的传值和取值操作同时也可以结合使用。比如,我们可以在输入框中输入一个数字,然后点击按钮,将值传递给另一个元素中显示出来。
//HTML
<input type=\"text\" id=\"inputNum\"/>
<button id=\"showNum\">显示</button>
<div id=\"outNum\"></div>
//JS
$(\'#showNum\').click(function(){
var num = $(\'#inputNum\').val();
$(\'#outNum\').text(num);
});以上就是关于jQuery传值与取值的简单介绍,希望对大家有所帮助。
Demand feedback