jQuery内容文本值

news/2024/7/10 22:36:27 标签: jquery

jQuery内容文本值

  • 普通元素内容html()(相当于原生inner HTML)
  • 普通元素文本内容text()(相当于原生innerText)
  • 表单的值val()(相当于原生value)

普通元素内容html()(相当于原生inner HTML)

html()//获取元素的内容
html(“内容")//设置元素的内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本内容值</title>
    <script src="JS/jquery.min.js"></script>
</head>
<body>
    <div>
        <a>你好呀!</a>
    </div>
    <script>
        $("div").html("hello!");
    </script>
</body>
</html>

在这里插入图片描述

普通元素文本内容text()(相当于原生innerText)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本内容值</title>
    <script src="JS/jquery.min.js"></script>
</head>
<body>
    <div>
        <a>你好呀!</a>
    </div>
    <script>
        // $("div").html("hello!");
        console.log($("div").text());
        $("div").text("Hi")
    </script>
</body>
</html>

在这里插入图片描述

表单的值val()(相当于原生value)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本内容值</title>
    <script src="JS/jquery.min.js"></script>
</head>
<body>
    <div>
        <a>你好呀!</a>
    </div>
    <input type="text" value="请输入内容">
    <script>
        // $("div").html("hello!");
        // console.log($("div").text());
        // $("div").text("Hi")
        $("input").val("cccc");
    </script>
</body>
</html>

在这里插入图片描述


http://www.niftyadmin.cn/n/553044.html

相关文章

Redis主从+KeepAlived实现高可用

Redis是我们当下比较流行使用的非关系数据库&#xff0c;可支持多样化的数据类型&#xff0c;多线程高并发支持&#xff0c;redis运行在内存拥有更快的读写。因为redis的表现如此出色&#xff0c;如何能保障redis在运行中能够应对宕机故障&#xff0c; 所以今天总结了下redis主…

jQuery 元素操作、尺寸、位置操作

jQuery元素操作遍历元素添加元素删除元素/内容jQuery尺寸jQuery 位置遍历元素 jQuery 隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素做不同操作&#xff0c;就需要用到遍历。 语法1&#xff1a; $("div").each(function(index,domEle){xxx;})1、eac…

macOS Mojave 10.14上安装iTunes12.6

将一下内容保存为iTunes.scpt&#xff0c;并运行 set question to display dialog "确定是否删除 iTunes ?" buttons {"Yes", "No"} default button 1 set answer to button returned of question if answer is equal to "Yes" thend…

jQuery带有动画的返回顶部

带有动画的返回顶部&#xff1a;animate&#xff08;&#xff09; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>带有动画的返回顶部</title><style>div {width: 300px;height: 1000px…

IntelliJ IDEA Error:(24, 35) java: 常量字符串过长

IntelliJ IDEA Error:(24, 35) java: 常量字符串过长 在转换一个JSON转Java对象是 idea 编译不通过 提示&#xff1a;Error:(24, 35) java: 常量字符串过长 File -> Settings -> Build,Execution,Deployment -> Compiler -> Java Compiler &#xff0c; Use Comp…

jQuery其它方法

jQuery其它方法jQuery拷贝对象jQuery 多库共存jQuery 插件jQuery拷贝对象 如果想要把某个对象拷贝&#xff08;合并&#xff09;给另一个对象使用&#xff0c;此时可以使用$.extend()方法。 语法&#xff1a; $.extend([deep],target,object1,[objectN])1、deep&#xff1a;如…

软件需求工程与UML建模14组11周工作情况

一、项目背景与范围 背景&#xff1a; 大学生课程和课外活动较多&#xff0c;课程和考试安排也比较复杂&#xff0c;一些同学还需要安其他事情和学习计划&#xff0c;容易遗漏日程安排&#xff0c;再者&#xff0c;必须使用校园网才能查看课程和考试安排&#xff0c;有时候会以…

开发工具资源分享

开发工具资源分享jdk8node10.13.0Matlab 2018MySQL5.7.19jdk8 链接&#xff1a;https://pan.baidu.com/s/1GuG5wfG9BFi_PHdv7i0chA 提取码&#xff1a;qh2s node10.13.0 链接&#xff1a;https://pan.baidu.com/s/1iz15KBnsngnq51_c4YMIEA 提取码&#xff1a;l6g3 Matlab 2…