jQuery(操作DOM-内容及值的操作)

2022-05-12 20:57:56 浏览数 (1)

目录

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("内容");
}

0 人点赞