专栏首页用户7873631的专栏jQuery第十八篇 文本值相关的方法

jQuery第十八篇 文本值相关的方法

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		 *{
            margin: 0;
            padding: 0;
        }
        div{
            width: 100px;
            height: 100px;
            border: 1px solid #000;
        }
	</style>
</head>
<body>
		<script src="jquery-1.10.1.min.js"></script>

	<script>	
		$(function()
		{
			var btns=document.getElementsByTagName('button');
			btns[0].onclick=function()
			{
				$("div").html("<p>我是段落<span>cyg</span></p>");
			}
			btns[1].onclick=function()
			{
				console.log($("div").html());

			}
			btns[2].onclick=function()
			{
								$("div").text("<p>我是段落<span>cyg</span></p>");

			}
			btns[3].onclick=function()
			{
				console.log($("div").text());

			}
			btns[4].onclick=function()
			{
								$("div").val("<p>我是段落<span>cyg</span></p>");

			}
			btns[5].onclick=function()
			{
				
console.log($("div").val());
			}
		})
	</script>
	<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 条评论
登录 后参与评论

相关文章

  • jQuery第十七篇 操作类相关的方法

    用户7873631
  • 详解:28 box-shadow开端

    /这是比如pink的宽150高150的东西,然后是x往右20 往下50的移动/ 兄弟们,记住一句核心:右下为正,左下为负。 记住哈,兄弟们,移动只有两个哈,...

    用户7873631
  • css的linear-gradient注意点

    用户7873631
  • jQuery第十七篇 操作类相关的方法

    用户7873631
  • 【投稿】记一次前端面试~James

    今天发的文章是先行者计划成员-james的亲身经历,里面涉及很多前端开发及js的基础知识,相信对于新人面试会很有帮助。所以在取得原作者同意之后在公众号发出来,希...

    web前端教室
  • 移动端图片放大滑动查看-插件photoswipe的使用

    最近在开发项目的时候,遇到一个需求,需要移动端实现放大查看图片的功能,然后我就在网上搜索了一下资料,看到了photoswipe这个插件,后来试了试,确实挺好用的...

    用户1174387
  • JS代码和网页的混用

    今天写一个代码,遇到这个情况:大的DIV嵌了一个小的DIV,大的DIV的宽度我是通过复杂的机制替换完成,现在小的div需要显示边框,但它又不能使用大的DIV的...

    用户1075292
  • React学习(二)-深入浅出JSX

    在Jq,原生javascript时期,在写页面时,往往强调的是内容结构,层叠样式,行为动作要分离,三者之间分工明确,不要耦合在一起

    itclanCoder
  • React基础(2)-深入浅出JSX

    在Jq,原生javascript时期,在写页面时,往往强调的是内容结构,层叠样式,行为动作要分离,三者之间分工明确,不要耦合在一起

    itclanCoder
  • 利用Div + CSS快速布局页面

    所谓Div + CSS,是指通过HTML「层」标签——<div></div>,辅以CSS中对该「层」宽度、排列等样式的定义,来实现网页布局的一种方式

    公众号php_pachong

扫码关注云+社区

领取腾讯云代金券