Jquery学习之旅之捕获和设置

最新推荐文章于 2021-08-18 23:46:43 发布

「已注销」

最新推荐文章于 2021-08-18 23:46:43 发布

阅读量317

点赞数

本文链接：https://blog.csdn.net/u014660247/article/details/51176773

版权

Jquery中有三种捕获方式，分别是text.val.html ,attr,这四种种的区别是，text（）会返回除了html的标签外的字符，如果text("value");会把value设置到指定的地方。

val（）会返回指定表单中的值，如果val中带有字符串，那么会设置表单里的文字，而html（），则返回的是指定地方的代码段，如果html中有指定的代码段，则会替代原有地方的代码段，而attr自会返回指定地方的属性值，如果后面带有该属性的值，则会被替换，以下是代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
*{
font-size:24px;
font-family: "微软雅黑";
}
.anii{width:100px;height:60px;background-color: red;position: absolute;}
</style>
</head>
<body>
<button id="getHtml">得到html</button>
<button id="setHtml">设置html</button>
<button id="getText">得到文本</button>
<button id="setText">设置文本</button>
<button id="getVal">得到值</button>
<button id="setVal">设置值</button>
<button id="getattr">得到属性</button>
<button id="setattr">设置属性</button>
<p>这是一个html</p>
<input type="text" value="你好啊！" />
<a href="www.baidu.com">百度</a>
<script type="text/javascript" src="jquery/jquery-2.1.1.js"></script>
<script type="text/javascript" src="jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$(document).ready(
function()
{
$("#getHtml").click(function(){alert($("p").html());});
$("#setHtml").click(function(){$("p").html("<br>这是我设置的html</br>");});
$("#getText").click(function(){alert($("p").text());});
$("#setText").click(function(){$("p").text("这是我设置的值");});
$("#getVal").click(function(){alert($("input").val());});
$("#setVal").click(function(){$("input").val("我要将它设置为表单");});
$("#getattr").click(function(){alert($("a").attr("href"));});
$("#setattr").click(function(){$("a").attr("href","http://www.youku.com");});
}
);
</script>
</body>
</html>

「已注销」

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Jquery学习之旅之捕获和设置

Jquery中有三种捕获方式，分别是text.val.html ,attr,这四种种的区别是，text（）会返回除了html的标签外的字符，如果text("value");会把value设置到指定的地方。 val（）会返回指定表单中的值，如果val中带有字符串，那么会设置表单里的文字，而html（），则返回的是指定地方的代码段，如果html中有指定的代码段，则会替代原有地方的代码段，而a
复制链接

扫一扫