jQuery对象使用

最新推荐文章于 2023-08-12 10:47:33 发布

LRight-T

最新推荐文章于 2023-08-12 10:47:33 发布

阅读量98

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/qq_44604924/article/details/108299755

版权

jQuery对象是一个包含所有匹配的任意多个dom元素的为数组对象
基本行为：

length:包含的dom元素个数
[index]/get(index):得到对应位置的DOM元素
each():遍历包含的所有DOM元素
index():得到在所有兄弟元素中的下标
用法如下：

<script type="text/javascript" src="../js/jquery-3.1.1/jquery-3.1.1.min.js"></script>
		<script type="text/javascript">
			$(function(){
				//统计一共有多少个按钮
			console.log($('button').length);

			//取出第二个button的文本
		
			console.log($('button')[1].innerHTML);
			console.log($('button').get(1).innerHTML);
			//输出所有button标签的文本
			$('button').each(function(){
				console.log(this.innerHTML);
				//console.log($(this).html());
			});
			$('button').each(function(index,domEle){
				//console.log(this.innerHTML);
				//console.log($(this).html());
				console.log(index,domEle.innerHTML);
			});
			//输出测试三按钮是所有按钮中的第几个
			console.log($('#btn3').index()+1);
			});
			/*伪数组
			 * Object对象
			 * length属性
			 * 数组下标属性
			 * 上面的button就是伪数组
			 */
		</script>
	</head>
	<body>
		<button>测试一</button>
		<button>测试二</button>
		<button id="btn3">测试三</button>
		<button>测试四</button>
	</body>

LRight-T

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery对象使用

jQuery对象是一个包含所有匹配的任意多个dom元素的为数组对象基本行为：length:包含的dom元素个数[index]/get(index):得到对应位置的DOM元素each():遍历包含的所有DOM元素index():得到在所有兄弟元素中的下标用法如下：<script type="text/javascript" src="../js/jquery-3.1.1/jquery-3.1.1.min.js"></script> <script type=
复制链接

扫一扫