jQuery文本值相关的方法

青旅半醒 2022-03-12 10:26 193阅读 0赞

关于jQuery文本值相关的方法其实和原生JS中的操作基本上是一样的，这里的代码都是最基础的。

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>jQuery文本值相关的方法</title>
        <style> *{ margin: 0; padding: 0 } div{ width: 100px; height: 100px; border: 1px solid #000 } </style>
        <script src="js/jquery.js"></script>
       	<script> $(function(){ /* 1.html([val]|fn) 和原生JS中的innerHTML一模一样 2.text([val]|fn) 和原生JS中的innerText一模一样 3.val([val|fn|arr]) */ var btns = document.getElementsByTagName("button"); btns[0].onclick = function(){ $("div").html("<p>我是段落<span>我是span</span></p>"); } btns[1].onclick = function(){ console.log($("div").html()); } btns[2].onclick = function(){ $("div").text("<p>我是段落<span>我是span</span></p>"); } btns[3].onclick = function(){ console.log($("div").text()); } btns[4].onclick = function(){ $("input").val("请输入内容") } btns[5].onclick = function(){ console.log($("input").val()); } }) </script>
    </head>
    <body>
        <button>设置html</button>
        <button>获取html</button>
        <button>设置text</button>
        <button>获取text</button>
        <button>设置value</button>
        <button>获取value</button>
        <div></div>
        <input type="text">
    </body>
    </html>

大家可通过控制台一步一步的来查看运行效果，若有任何疑问或是不解，请在下方评论，谢谢。

发表评论取消回复

表情：

评论列表（有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery学习笔记08-文本值相关操作

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...

﹏ヽ暗。殇╰゛Y/ 2024年04月17日 16:46/ 0 赞/ 66 阅读

相关 jQuery内容文本值及元素操作

一、jQuery内容文本值主要针对元素的内容还有表单的值操作 1. 普通元素的内容html() > 相当于原生innerHTML 语法： html()

- 日理万妓/ 2023年07月04日 11:23/ 0 赞/ 55 阅读

相关 jquery 操作 checkbox 相关方法

使用 jquery 操作 checkbox ，相关方法如下 1、设置 checkbox 选中使用 prop("checked", true) 方法 <!D

左手的ㄟ右手/ 2022年12月25日 00:47/ 0 赞/ 178 阅读

相关 jquery获得select选择框的文本与值

获得选中值：`$('select_id').val()` 获得选中框的文本值：`$('select_id').find('option:selected').text()`

缺乏、安全感/ 2022年06月16日 21:12/ 0 赞/ 204 阅读

相关 jquery获取select选中文本值

给大家普及一下Jquery关于option获得值的几种状态： jQuery("\select1").val();是取得选中文本val的值 jQuer

た入场券/ 2022年06月08日 07:13/ 0 赞/ 275 阅读

相关 jQuery获取多种input值的方法

转自：http://www.cnblogs.com/qinzi/archive/2012/10/25/2738646.html 获取input的checked值是否为

亦凉/ 2022年06月01日 10:52/ 0 赞/ 262 阅读

相关 jQuery取得select选择的文本与值

jQuery取得select选择的文本与值 jQuery取得select选中的值获取select 选中的 text : $(“\ddlregtype”).find(

叁歲伎倆/ 2022年06月01日 01:37/ 0 赞/ 203 阅读

相关 jQuery文本值相关的方法

关于jQuery文本值相关的方法其实和原生JS中的操作基本上是一样的，这里的代码都是最基础的。 <!DOCTYPE html> <html lang="en"

青旅半醒/ 2022年03月12日 10:26/ 0 赞/ 194 阅读

相关 jQuery操作类相关的方法

jQuery中操作类相关的方法总共有三个，下面的代码很基础，也很容易懂。部分地方做好了注释。 <!DOCTYPE html> <html lang="en">

曾经终败给现在/ 2022年03月12日 01:54/ 0 赞/ 274 阅读

相关 jQuery获取select选择的文本与值

获取select 选中的 text : $("\id").find("option:selected").text(); 获取select选中的 value:

太过爱你忘了你带给我的痛/ 2021年09月27日 14:56/ 0 赞/ 531 阅读