JQ页面总结

RJSWNS

于 2022-10-24 11:55:51 发布

阅读量686

点赞数

文章标签： 1024程序员节

本文链接：https://blog.csdn.net/m0_73684185/article/details/127488893

版权

本文总结了使用jQuery进行页面元素操作，包括菜单隐藏、页面元素处理和定时器的应用，并探讨了如何判断checkbox是否选中及获取选中的radio。

摘要由CSDN通过智能技术生成

菜单隐藏案例

$("#foot a").click(function(){
					//判断ul li是否有隐藏状态的
					if(!$("#content>ul>li").is(":hidden")){
						//点击的时候，li索引大于4的隐藏
						$("#content>ul>li:gt(4)").not(":last").fadeOut();
						//内容变为更多
						$(this).text("更多👉");
						
					}else{
						//点击的时候，所有li显示
						$("#content>ul>li").fadeIn();
						//内容变为更多
						$(this).text("简化👈");
						
					}
					//设置a标签不跳转
					return false;
				});

页面元素案例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../jquery.min.js"></script>
		<script type="text/javascript">
			$(function(){
				//点击刷新，需要动态生成数据，需要通过Java代码读取数据库中的数，使用JQ进行元素的添加
				//自定义一组数据，模拟后端程序获取的数据