html标签ju,juquery中html(),text()和val()的区别与 attr()和prop()的区别

1. juquery中html(),text()和val()的区别

html() 它可以设置和获取起始标签和结束标签中的内容。 跟 dom 属性 innerHTML 一样。

text() 它可以设置和获取起始标签和结束标签中的文本。 跟 dom 属性 innerText 一样。

val() 它可以设置和获取表单项的 value 属性值。 跟 dom 属性 value 一样

2. val方法同时设置多个表单项的选中状态：

$(function () {

/*

// 批量操作单选

$(":radio").val(["radio2"]);

// 批量操作筛选框的选中状态

$(":checkbox").val(["checkbox3","checkbox2"]);

// 批量操作多选的下拉框选中状态

$("#multiple").val(["mul2","mul3","mul4"]);

// 操作单选的下拉框选中状态

$("#single").val(["sin2"]);

*/

$("#multiple,#single,:radio,:checkbox").val(["radio2","checkbox1","checkbox3","mul1","mul4","sin3"]

);

});

单选：

radio1

radio2

多选：

checkbox1

checkbox2

checkbox3

下拉多选 ：

mul1

mul2

mul3

mul4

下拉单选 ：

sin1

sin2

sin3

3. attr()和prop()的区别

attr() 可以设置和获取属性的值，不推荐操作 checked、readOnly、selected、disabled 等等

attr 方法还可以操作非标准的属性。比如自定义属性：abc,bbj

prop() 可以设置和获取属性的值,只推荐操作 checked、readOnly、selected、disabled 等等