jQuery的data方法是用来在DOM元素上存储或获取数据的,而val方法则是用来获取或设置表单元素(如文本框、下拉菜单等)的值。
//存储数据 $("#myElement").data("key", "value"); //获取数据 var myData = $("#myElement").data("key"); //设置文本框的值 $("#myInput").val("hello world"); //获取文本框的值 var myValue = $("#myInput").val();
通过使用data方法,我们可以在元素上无限存储数据,例如:
//存储一个对象 $("#myElement").data("myObject", { name: "Jack", age: 30, hobby: ["reading", "traveling"] }); //获取对象的某个属性 var myName = $("#myElement").data("myObject").name; //存储一个数组 $("#myElement").data("myArray", [1, 2, 3]); //获取数组的某个值 var myValue = $("#myElement").data("myArray")[0];
使用val方法,我们可以方便地获取表单元素的值,例如:
//获取文本框的值 var myValue = $("#myInput").val(); //设置下拉菜单的值 $("#mySelect").val("option2"); //获取被选中的选项 var selectedOption = $("#mySelect").val();
总之,data和val方法是jQuery里非常方便实用的方法,你可以使用它们来存储和获取数据以及操作表单元素。