目录
val 方法 text 方法 html 方法
内容及值的操作
注意:对比js,js中使用的获取属性和为属性设置的方式,jquery中使用的是方法;
val 方法
val() 用于获取单行文本框的值
代码语言:javascript复制var $obj = $("#username");
//使用jQuery选择id元素
var obj = document.getElementById("username");
//使用JavaScript选择id元素
$obj.val();//jQuery获取文本框值的方法
obj.value; //JavaScript获取文本框值的方法
val('') 用于设置单行文本框的值
代码语言:javascript复制var $obj = $("#username");
//与上同理
var obj = document.getElementById("username");
//与上同理
$obj.val('helloWord');
//jQuery设置单行文本框的值
obj.value='helloWorld';
//JavaScript设置单行文本框的值
text 方法
text() 用于获取多行文本值(textarea,其他标签中的去除html代码的文本)
代码语言:javascript复制var $obj = $("#username");
//jQuery获取id元素
var obj = document.getElementById("username");
//JavaScript获取id元素
$obj.text();
//jQuery获取多行文本值
obj.innerText;
//JavaScript获取多行文本值
text("内容") 用于设置多行文本的值(textarea,其他标签中的文本信息
代码语言:javascript复制var $obj = $("#username");
//与上同理
var obj = document.getElementById("username");
//与上同理
$obj.text("hellowWorld");
//jQuery设置多行文本的值
obj.innerText="HelloWorld";
//JavaScript设置多行文本的值
html 方法
html():用于获取标签中的html代码(html标签 文本)
代码语言:javascript复制function fun5() {
$("#ipt4").html();
}
html("内容"):用于设置标签中的html代码
代码语言:javascript复制function fun5() {
$("#ipt4").html("内容");
}