jqyery笔记

最新推荐文章于 2022-10-16 10:14:32 发布

zzZ_110987

最新推荐文章于 2022-10-16 10:14:32 发布

阅读量898

点赞数

分类专栏：节点文章标签： jquery

本文链接：https://blog.csdn.net/m0_50266714/article/details/108933478

版权

节点专栏收录该内容

2 篇文章 0 订阅

订阅专栏

元素的删除
（1）remove和empty
区别：remove是删除了内容和格式，即全部删除，empty仅仅清除内容，格式还在

<title></title>
		<script src="js/jquery-3.5.1.min.js" type="text/javascript"></script>
		<style type="text/css">
			#div1,#div2{
				height: 100px;
				width: 100px;
				background-color: red;
			}
		</style>
	</head>
	<body>
		<div id="div1">
			<p>这是第一个段落</p>
		</div>
		<div id="div2">
			<p>这是第二个段落</p>
		</div>
		<button id="btn1">删除div1</button>
		<button id="btn2">删除div2</button>
	</body>
	<script type="text/javascript">
		$("#btn1").click(function(){
			$("#div1").remove();
		})
		$("#btn2").click(function(){
			$("#div2").empty();
		})
	</script>

remove过滤删除

在p标签中删除所有class=px的元素（$(“p”)remove(“px”)）

操作css类
（1）addclass(“classname”)
不用加点

<script type="text/javascript">
		$("#btn1").click(function(){
			$("#p1").addClass("style1");
		})
		$("#btn2").click(function(){
			$("#p1").addClass("style2");
		})
	</script>

（2）css()方法
第一个参数要改的属性，第二个参数是设置的属性值

<script type="text/javascript">
		$("#btn3").click(function(){
			$("#p1").css("font-size":"3em");
		})
	</script>

设置多个属性，不同属性用“，”隔开，属性名与属性值之间用“：”隔开，最外层用大括号

<script type="text/javascript">
		$("#btn3").click(function(){
			$("#p1").css("font-size":"3em","color":"red");
		})
	</script>

导航

父元素

parent（）找到的是父元素

parents（）找到的是祖先节点

<title></title>
		<script src="js/jquery-3.5.1.min.js" type="text/javascript"></script>
	</head>
	<body>
		<input type="button" id="btn1"  value="点击我"/>
		<div id="div1">
			<p id="p1">找<span id="txt1">父亲</span></p>
		</div>
	</body>
	<script type="text/javascript">
		$("#btn1").click(function(){
			alert($("#txt1").parent());
		})
	</script>

后代
chidred（）找到的是当前元素的直接后代，里面可以穿插name与class来找到一个具体的哪一个后代
find（）

同胞
sibings（）找到当前元素的所有同胞元素
next（）找到当前元素的下一个弟弟元素
nextAll（）找到当前元素的所有弟弟元素，只能向下查找
nextUntil（）找到是两个参数之间的弟弟元素
prev（）找到当前元素的上一个哥哥元素
prevUntil（）找到是两个指定元素之间的同胞元素

Ajax
语法：
$.ajax(JSON)
JSON常用的参数
url.服务器的地址，获取数据或者推送的地方
data，需要给服务器的数据，需要去添加，比如说登录的接口需要传递“用户名和密码”，获取货品信息，则不需要传递任何的参数。数据类型键值对，键值对的“键”和服务器保持完全一致，包括键名的大小写
type：数据提交的方式GET/POST
timeout：请求等待的时间，时间为毫秒，一般10秒
success：请求成功，做返回处理
error：请求失败
datatype：预期服务器相应的数据类型