jQuery 获取

最新推荐文章于 2022-08-19 00:50:32 发布

AllenWalker1936

最新推荐文章于 2022-08-19 00:50:32 发布

阅读量182

点赞数

分类专栏： jQueryHTML jQuery

本文链接：https://blog.csdn.net/AllenWalker1936/article/details/88999983

版权

jQuery 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

jQueryHTML

6 篇文章 0 订阅

订阅专栏

jQuery 获取内容

方法

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值

语法

$("#btn1").click(function(){
  alert("Text: " + $("#test").text());
});//文本
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});//内容
$("#btn1").click(function(){
  alert("Value: " + $("#test").val());
});//值

jQuery获取属性

方法

attr() - 获取元素的属性

语法

$("button").click(function(){
  alert($("#w3s").attr("href"));
});//获取属性

代码

<!doctype html>
	<head>
		<title>jqHTML获取</title>
		<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$('#bt1').click(function(){
					alert('文本内容：'+$('p').text());
				});
				$('#bt2').click(function(){
					alert('元素内容：'+$('p').html());
				});
				$('#bt3').click(function(){
					alert('表单的值：'+$('#text1').val());
				});
				$('#bt4').click(function(){
					alert('href的值：'+$('a').attr('href')+'style值为：'+$('a').attr('style'));
				});
			});
		</script>
	</head>

	<body>
		<input type="button" id="bt1" value="显示文本内容" "">
		<input type="button" id="bt2" value="显示元素内容" "">
		<input type="button" id="bt3" value="显示表单的值" "">
		<input type="button" id="bt4" value="显示href和style值" "">
		<p><strong>请输入：</strong><input type="text" name="" id="text1" value="奥力给！"></p>
		<a style="color:red" href="https://www.baidu.com/">百度</a>
	</body>
</html>

AllenWalker1936

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery 获取

jQuery 获取内容方法text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值语法$("#btn1").click(function(){ alert("Text: " + $("#test").text());});//文本$("#btn2").click(function...
复制链接

扫一扫