前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jQuery(操作DOM-内容及值的操作)

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

作者头像
全栈开发日记
发布2022-05-12 20:57:56
4070
发布2022-05-12 20:57:56
举报
文章被收录于专栏:全栈开发日记全栈开发日记

目录

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("内容");
}
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-04-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 全栈开发日记 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档