jQuery 案例

最新推荐文章于 2024-09-01 12:28:44 发布

boxyuan

最新推荐文章于 2024-09-01 12:28:44 发布

阅读量625

点赞数 2

分类专栏： JQuery 文章标签：前端 JQuery

本文链接：https://blog.csdn.net/boxyuan/article/details/72850811

版权

JQuery 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

*5 jQuery中DOM常用方法或属性

1)val()：取得标签中value属性的值
2)html()：取得标签内的内容
3)size()或length：取得数组的长度
4)each()：该方法必须由jQuery对象调用（即数组对象），each(function)方法，会自动将数组中的每个元素自动调用
function函数
5)click(function)
6)dblclick(function)
... ...
7)父.append(子)，子元素位于父元素之后，但依然是父子关系
8)父.prepend(子)，子元素位于父元素之前，但依然是父子关系

9)text()：取得标签的内容，优先考虑html()方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<script type="text/javascript" src="js/jquery-1.6.js"></script></head>
	<body>
		<hr />
	 <p>p1</p>
	 <p>p2</p>
	 <p>p3</p>
	 <hr />
		<script type="text/javascript">
			//定位所有p元素,添加事件
			/*
			$("p").each(function()
			{
				alert($(this).html());
			})
			*/
			//单机标签显示内容
			$("p").each(function()
			{
				$(this).click(function()
				{
					alert($(this).html());
				})
			})
			//双击标签显示内容
			$("p").each(function()
			{
				$(this).dblclick(function()
				{
					alert($(this).html());
				})
			})
 
		</script>
 	</body>
</html>