＜jQery-获取元素方式＞

最新推荐文章于 2022-08-05 14:37:52 发布

好先生·

最新推荐文章于 2022-08-05 14:37:52 发布

阅读量120

点赞数

分类专栏： jQuery基础 JavaScipt基础

本文链接：https://blog.csdn.net/weixin_45540964/article/details/110913296

版权

javascript jquery

JavaScipt基础同时被 2 个专栏收录

37 篇文章 0 订阅

订阅专栏

jQuery基础

10 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<div class="demo" id="app">
		<div class="nav">
			
		</div>
	</div>
	<script src="./jquery-1.12.3/jquery-1.12.3.js">
		//不能再引入文件的标签内书写
		//在其后面书写
	</script>
	<script type="text/javascript">
		//通过$方法获取div
		//创建jQuery对象,jQuery对象只能使用jQuery方法不能使用js
		//js对象不能使用jQuery方法,只能使用js
		var dv1=$("div");
		//二次筛选div
		var dv1=$("div").eq(1);//jq对象
						//btns[0].innerHTML; js对象
						//btns.eq(0) jQ对象
		var dv2=$("#app");
		var dv3=$(".demo");
		//组合形式
		var dv4=$("div.nav");
		//jQuery对象转换成js对象
		dv1[0].innerHTML='heslay';
	</script>
</body>
</html>