jQuery的隐藏和显示项目

最新推荐文章于 2024-09-09 11:03:57 发布

李丨少

最新推荐文章于 2024-09-09 11:03:57 发布

阅读量326

点赞数

文章标签： css jquery

本文链接：https://blog.csdn.net/u013313232/article/details/109582425

版权

本文介绍了如何使用jQuery来隐藏和显示页面上的元素，重点讲解了代码`$(“li:gt(5):not(:last)”).hide();`的含义，该代码会显示所有小于6的li元素，并排除最后一个。

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

jQuery的隐藏和显示成品代码

$(“li:gt(5):not(:last)”).hide();
这个代码是li标签小于5的，hide的意思是显示的意思，not（：last）的意思是没有最后一个，意思就是li标签小于5的和最后一个都显示。

$("li:gt(5):not(:last)").is(":hidden") 这个是判断，会返回flase或者ture，可以用if语句继续写下去自己想要的！

需要在jQuery中设置可以这样 $("div div s span").click(function(){ }); 意思是div下的div 下的 a标签下的span标签单击事件

WANT TO XIAOHUI

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>品牌展示练习</title>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	text-align: center;
}

a {
	color: #04D;
	text