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

最新推荐文章于 2020-08-14 18:31:28 发布

贵哥的编程之路(热爱分享)

最新推荐文章于 2020-08-14 18:31:28 发布

阅读量469

点赞数

分类专栏： jQuery最详解

本文链接：https://blog.csdn.net/qq_37805832/article/details/107925019

版权

jQuery最详解专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!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
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
jQuery第十八篇文本值相关的方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } div{ width: 100px; he
复制链接

扫一扫