jQuery的初步使用

最新推荐文章于 2018-09-18 15:52:21 发布
最新推荐文章于 2018-09-18 15:52:21 发布
阅读量213 收藏
点赞数
文章标签： Jquery的初步使用
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        li{
            list-style: none;
            float: left;
            margin: 10px 20px;
        }
        ul{
            overflow: hidden;
        }
        .sub{
            width: 500px;
           /* height: 200px;*/
            border: 1px solid #999;
        }
        span{
            display: inline-block;
            background: red;
        }
        .showmore{
            text-align: center;
            margin-bottom: 20px;
            color: #fff;
        }
        .showmore a{
            color: #fff;
        }
    </style>
</head>
<body>
<div class="sub">
    <ul>
        <li><a href="#">奥林巴斯</a><i>(30440)</i></li>
        <li><a href="#">索尼</a><i>(30440)</i></li>
        <li><a href="#">三星</a><i>(30440)</i></li>
        <li><a href="#">松下</a><i>(30440)</i></li>
        <li><a href="#">卡西欧</a><i>(30440)</i></li>
        <li><a href="#">佳能</a><i>(30440)</i></li>
        <li><a href="#">万家</a><i>(30440)</i></li>
        <li><a href="#">超能</a><i>(30440)</i></li>
        <li><a href="#">佳能</a><i>(30440)</i></li>
        <li><a href="#">万家福</a><i>(30440)</i></li>
        <li><a href="#">河防</a><i>(30440)</i></li>
        <li><a href="#">人鱼i</a><i>(30440)</i></li>
        <li><a href="#">其他品牌相机</a><i>(30440)</i></li>
    </ul>
    <div class="showmore">
        <a href="#"><span>显示全部</span><span>0</span></a>
    </div>
</div>
<script src="../jQuery/jquery-1.12.0.min.js"></script>
<script>
    $(function(){
        /*选择出索引值大于5，并且除了最后一个*/
        var $hide=$("ul li:gt(5):not(:last)");
        /*默认情况隐藏显示的内容*/
        $hide.hide();
        /*找见class为showmore的元素*/
        var $btn=$(".showmore");
        /*给$btn添加点击事件*/
        $btn.click(function(){
            /*判断$hide的可见性*/
            if($hide.is(':visible')){
                /*元素隐藏的方法*/
                $hide.hide();
                /*btn找见span，改变背景，改变内容*/
                $(this).find("span").eq(0).css("background","red").text("显示全部");
            }else {
                /*元素显示的方法*/
                $hide.show();
                /*btn找见span，改变背景，改变内容*/
                $(this).find("span").eq(0).css("background","red").text("精简显示");
            }
        })
    })

</script>

// $(function(){
//            $("button").click(function(){
//                var a=$(this).index();
//                console.log(a);
//                $("ul li").hide().eq(a-1).show();
//            })
//        })

//<ul>
//    <li>1</li>
//    <li>2</li>
//    <li>3</li>
 //   <li>4</li>
//</ul>
//<button>1</button>
//<button>2</button>
//<button>3</button>
//<button>4</button>

</body>
</html>
Charlie·
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery的基本使用方法
qq_52990325的博客
07-30 9921
jQuery基本使用
jQuery初识
YourLie_in_April的博客
05-30 206
jQuery中的变量前面必须加上 $ ，且自带遍历功能（$ 等价于 jQuery）。 <!-- 完整版jQuery --> https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js <!-- 压缩版jQuery --> https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js .html() 设置超文本内容 .val() 设置表单元素内容 .css()
jQuery的基本使用
qq_27719709的博客
06-06 477
jQuery(document).ready( function(){ $("button").click( function(){ /*获取元素标签*/ $("p").css("color","red").hide(5000); $("&lt; h3&gt;PHP中文网&lt; /h3&gt;").appendaTo(document.
jQuery选择器（学习笔记）
celery_lush_sakura的博客
01-10 529
1.jQuery选择器是什么 CSS选择器是找到元素后添加样式，jQuery选择器是找到元素后添加行为； 2.jQuery选择器 jQuery选择器包含基本选择器、层次选择器、过滤选择器和表单选择器； 2.1基本选择器（最简单，最常用） 通过元素id、class和标签名来选择DOM元素，每个id名称只能选择一次，class允许重复使用； $("#test")；获取id为test的元素（
jquery的初步使用
sunshinedark的博客
09-18 184
jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。 //首先我们在使用这个库的时候 我们需要导入一个jar包 jquery.min.js(这个jar包在网上可以下载) //第二部就是初始化使用了 有三种方式 意思是在这个类加载的时候就会调用里面的方法 执行的先后顺序不同  (第一种第二种同级别 谁...
jquery基础用法总结
小曹的博客
03-03 2160
一、初始化 $(document).ready(function(){}); $(function(){}); $().ready(function(){}); js的window.onload事件是等到所有内容，以及我们的外部图片之类的文件加载完了之后，才回去执行 只执行一次。 jQuery的入口函数 是在 html所有标签都加载之后，就回去执行。写几次执行几次。 js创建对象： ...
品牌显示隐藏练习
szh8715的专栏
02-17 113
第一步编写页面内容 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&..
jquery初步
04-01
NULL 博文链接：https://szh8715.iteye.com/blog/1405458
初步学习jQuery的概念及选择器
10-29
初步学习jQuery的概念及选择器 jQuery是一个功能强大且流行的JavaScript库，它提供了许多实用的方法来简化网站开发和交互设计。 本文将对jQuery的基本概念和选择器进行介绍，旨在帮助读者快速掌握jQuery的基础知识...
Java Web Jquery表单验证
07-26
编写基于Jquery的表单验证插件 ...1、初步运用了Jquery框架进行编程，基本掌握Jquery框架的使用。 2、熟练使用Jquery-validate表单验证插件，并熟知实现原理。 3、基本实现了一个基于Jquery的表单验证的调查问卷。
JS框架JQuery初步测试
03-19
NULL 博文链接：https://jxdwuao.iteye.com/blog/700150
jQuery Validate初步体验(一)
10-23
jQuery 是一个快速、简单的JavaScript library， 它简化了HTML 文件的traversing，事件处理... jQuery 是为改变你编写JavaScript 的方式而设计的，本文给大家分享jquery validate初步体验(一)，感兴趣的朋友一起学习吧
希尔排序教程.docx
06-24
希尔排序 本教程详细介绍了如何使用C语言实现希尔排序算法，涵盖了算法的基本概念、插入排序函数、希尔排序函数以及完整的示例代码。通过本教程，读者可以学习如何在C语言中实现这一高效的排序算法，并掌握其背后的基本原理。教程适合对算法和C语言编程感兴趣的读者，无论您是初学者还是有一定基础的从业者，都能从中获得实用的知识和技能。
01-Docker-前提知识要求和课程简介
06-24
Docker，作为开源的应用容器引擎，让开发者能将应用及其依赖打包进轻量、可移植的容器，并在任意Linux机器上部署。其三大核心概念——镜像、容器和仓库，共同构建了Docker的基础架构。 前提知识要求： 操作系统：推荐64位CentOS 7（内核3.10+）或CentOS 6.5（内核2.6.32-431+），确保系统兼容。 Linux操作：掌握文件系统管理、进程控制等基础命令，为Docker操作打下基础。 编程基础：了解如Python等编程语言，有助于编写Dockerfile及自动化应用部署。 Docker课程简介： 目标：从入门到精通，全面掌握Docker的安装、配置、管理和应用部署。 内容：包括Docker的安装、Dockerfile编写、Docker Compose与Docker Swarm集群管理、网络与存储配置、资源限制及跨平台部署等。 受众：面向对Docker技术感兴趣的开发者、运维人员及希望提升效率的项目经理。 通过本课程学习，你将高效管理应用，实现跨平台快速部署，从而提升生产力与应用的可移植性，助力数字化转型和业务快速发展。
31_Docker_安装mysql.avi
06-24
31_Docker_安装mysql
node-v20.15.0-x64.msi
最新发布
06-24
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时
2024年东南亚3D投影仪市场深度研究及预测报告.pdf
06-24
东南亚位于我国倡导推进的“一带一路”海陆交汇地带，作为当今全球发展最为迅速的地区之一，近年来区域内生产总值实现了显著且稳定的增长。根据东盟主要经济体公布的最新数据，印度尼西亚2023年国内生产总值（GDP）增长5.05%；越南2023年经济增长5.05%；马来西亚2023年经济增速为3.7%；泰国2023年经济增长1.9%；新加坡2023年经济增长1.1%；柬埔寨2023年经济增速预计为5.6%。 东盟国家在“一带一路”沿线国家中的总体GDP经济规模、贸易总额与国外直接投资均为最大，因此有着举足轻重的地位和作用。当前，东盟与中国已互相成为双方最大的交易伙伴。中国-东盟贸易总额已从2013年的443亿元增长至 2023年合计超逾6.4万亿元，占中国外贸总值的15.4％。在过去20余年中，东盟国家不断在全球多变的格局里面临挑战并寻求机遇。2023东盟国家主要经济体受到国内消费、国外投资、货币政策、旅游业复苏、和大宗商品出口价企稳等方面的提振，经济显现出稳步增长态势和强韧性的潜能。 本调研报告旨在深度挖掘东南亚市场的增长潜力与发展机会，分析东南亚市场竞争态势、销售模式、客户偏好、整体市场营商环境，为国内企业出海开展业务提供客观参考意见。 本文核心内容： 市场空间：全球行业市场空间、东南亚市场发展空间。 竞争态势：全球份额，东南亚市场企业份额。 销售模式：东南亚市场销售模式、本地代理商 客户情况：东南亚本地客户及偏好分析 营商环境：东南亚营商环境分析 本文纳入的企业包括国外及印尼本土企业，以及相关上下游企业等，部分名单 QYResearch是全球知名的大型咨询公司，行业涵盖各高科技行业产业链细分市场，横跨如半导体产业链（半导体设备及零部件、半导体材料、集成电路、制造、封测、分立器件、传感器、光电器件）、光伏产业链（设备、硅料/硅片、电池片、组件、辅料支架、逆变器、电站终端）、新能源汽车产业链（动力电池及材料、电驱电控、汽车半导体/电子、整车、充电桩）、通信产业链（通信系统设备、终端设备、电子元器件、射频前端、光模块、4G/5G/6G、宽带、IoT、数字经济、AI）、先进材料产业链（金属材料、高分子材料、陶瓷材料、纳米材料等）、机械制造产业链（数控机床、工程机械、电气机械、3C自动化、工业机器人、激光、工控、无人机）、食品药品、医疗器械、农业等。邮箱：market@qyresearch.com
1719212254595412_download.jsp
06-24
1719212254595412_download.jsp
基于matlab计算机毕业设计.m
06-24
**仿真咨询 1 各类智能优化算法改进及应用** 生产调度、经济调度、装配线调度、充电优化、车间调度、发车优化、水库调度、三维装箱、物流选址、货位优化、公交排班优化、充电桩布局优化、车间布局优化、集装箱船配载优化、水泵组合优化、解医疗资源分配优化、设施布局优化、可视域基站和无人机选址优化 **2 机器学习和深度学习方面** 卷积神经网络（CNN）、LSTM、支持向量机（SVM）、最小二乘支持向量机（LSSVM）、极限学习机（ELM）、核极限学习机（KELM）、BP、RBF、宽度学习、DBN、RF、RBF、DELM、XGBOOST、TCN实现风电预测、光伏预测、电池寿命预测、辐射源识别、交通流预测、负荷预测、股价预测、PM2.5浓度预测、电池健康状态预测、水体光学参数反演、NLOS信号识别、地铁停车精准预测、变压器故障诊断 **3 图像处理方面** 图像识别、图像分割、图像检测、图像隐藏、图像配准、图像拼接、图像融合、图像增强、图像压缩感知 **4 路径规划方面** 旅行商问题（TSP）、车辆路径问题（VRP、MVRP、CVRP、VRPTW等）、无人机三维路径规划、无人机协同、无人
jquery或者vue框架初步
11-04
在使用上，jQuery更加注重DOM操作和事件处理，而Vue.js则更加注重数据驱动和组件化开发。 下面是关于jQuery和Vue.js的一些初步介绍： 1. jQuery的选择器语法类似于CSS选择器，可以方便地选取DOM元素并进行操作。 2...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值