<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Sample HTML</title> <link href="./style.css" rel="stylesheet" type="text/css"> <script src="../scripts/jquery.js"></script> <script src="./myjs.js"></script> </head> <body> <h3>基本选择器</h3> <!-- 控制基本选择器按钮 --> <input type="button" value="选择 id为 one 的元素." id="btn1"/> <input type="button" value="选择 class 为 mini 的所有元素." id="btn2"/> <input type="button" value="选择 元素名是 div 的所有元素." id="btn3"/> <input type="button" value="选择 所有的元素." id="btn4"/> <input type="button" value="选择 所有的span元素和id为two的元素." id="btn5"/><br/><br/> <h3>层次选择器</h3> <!--控制层次选择器按钮--> <input type="button" value="选择 body内的所有div元素." id="btna1"/> <input type="button" value="在body内,选择子元素是div的。" id="btna2"/> <input type="button" value="选择 所有class为one 的下一个div元素." id="btna3"/> <input type="button" value="选择 id为two的元素后面的所有div兄弟元素." id="btna4"/><br/><br/> <h3>基本过滤选择器</h3> <!--控制基本过滤选择器--> <input type="button" value="选择第一个div元素." id="btnb1"/> <input type="button" value="选择最后一个div元素." id="btnb2"/> <input type="button" value="选择class不为one的 所有div元素." id="btnb3"/> <input type="button" value="选择索引值为偶数 的div元素." id="btnb4"/> <input type="button" value="选择索引值为奇数 的div元素." id="btnb5"/> <input type="button" value="选择索引值等于3的元素." id="btnb6"/> <input type="button" value="选择索引值大于3的元素." id="btnb7"/> <input type="button" value="选择索引值小于3的元素." id="btnb8"/> <input type="button" value="选择所有的标题元素." id="btnb9"/> <input type="button" value="选择当前正在执行动画的所有元素." id="btnb10"/> <input type="button" value="选择当前获取焦点的所有元素." id="btnb11"/><br/><br/> <h3>内容过滤选择器</h3> <input type="button" value="选取含有文本“di”的div元素." id="btnc1"/> <input type="button" value="选取不包含子元素(或者文本元素)的div空元素." id="btnc2"/> <input type="button" value="选取含有class为mini元素 的div元素." id="btnc3"/> <input type="button" value="选取含有子元素(或者文本元素)的div元素." id="btnc4"/><br/><br/> <h3>可见性过滤选择器</h3> <input type="button" value="选取所有可见的div元素." id="btnd1"/> <input type="button" value="选取所有不可见的元素.包括<input type='hidden'/>和<div style='display:none;'>以及br." id="btnd2"/><br/><br/> <h3> 属性选择器.</h3> <input type="button" value="选取含有 属性title 的div元素." id="btne1"/> <input type="button" value="选取 属性title值等于“test”的div元素." id="btne2"/> <input type="button" value="选取 属性title值不等于“test”的div元素(没有属性title的也将被选中)." id="btne3"/> <input type="button" value="选取 属性title值 以“te”开始 的div元素." id="btne4"/> <input type="button" value="选取 属性title值 以“est”结束 的div元素." id="btne5"/> <input type="button" value="选取 属性title值 含有“es”的div元素." id="btne6"/> <input type="button" value="组合属性选择器,首先选取有属性id的div元素，然后在结果中 选取属性title值 含有“es”的元素." id="btne7"/><br/><br/> <h3> 属性选择器(加强).</h3> <input type="button" value="选取 属性title值 以 en 开始 的div元素" id="btne1-1"/> <input type="button" value="选取 属性title值 含有 en 的div元素" id="btne2-1"/> <input type="button" value="选取 属性title等于en或以en为前缀（该字符串后跟一个连字符'-'）的元素" id="btne3-1"/> <input type="button" value="选取 属性title用空格分隔的值中包含字符uk的元素." id="btne4-1"/><br/><br/> <h3>子元素过滤选择器.</h3> <input type="button" value="选取每个class为one的div父元素下的第2个子元素." id="btnf1"/> <input type="button" value="选取每个class为one的div父元素下的第一个子元素." id="btnf2"/> <input type="button" value="选取每个class为one的div父元素下的最后一个子元素." id="btnf3"/> <input type="button" value="如果class为one的div父元素下的仅仅只有一个子元素，那么选中这个子元素." id="btnf4"/><br/><br/> <!--测试元素--> <br/> <div title="en">title为en的div元素 属性选择器(加强)</div> <div title="en-UK">title为en-UK的div元素 属性选择器(加强)</div> <div title="english">title为english的div元素 属性选择器(加强)</div> <div title="en uk">title为en uk的div元素 属性选择器(加强)</div> <div title="uken">title为uken的div元素 属性选择器(加强)</div> <div class="one" id="one"> id为one，class为one的div <div class="mini">class为mini的div</div> </div> <div class="one" id="two" title="test"> id为two，class为one，title为test的div <div class="mini" title="other">class为mini,title为other</div> <div class="mini" title="test">class为mini,title为test</div> </div> <div class="one"> <div class="mini">class为mini</div> <div class="mini">class为mini</div> <div class="mini">class为mini</div> <div class="mini"></div> </div> <div class="one"> <div class="mini">class为mini</div> <div class="mini">class为mini</div> <div class="mini">class为mini</div> <div class="mini" title="tesst">class为mini,title为tesst</div> </div> <div style="display:none" class="none"> style的display为"none"的div </div> <div class="hide">class为hide的div</div> <div> 包含input的type为"hidden"的div<input type="hidden" size="8"/> </div> <span id="mover">正在执行动画的span元素</span> </body> </html>
style.css
div,span,p{
width:140px;
height:140px;
margin:5px;
background:#aaa;
border:#000 1px solid;
float:left;
font-size:17px;
font-family:Verdana;
}
div.mini{
width:55px;
height:55px;
background-color:#aaa;
font-size:12px;
}
div.hide{
display:none;
}
myjs.js
$(document).ready(function(){
//给id为mover的元素添加动画.
function animateIt() {
$("#mover").slideToggle("slow", animateIt);
}
animateIt();
//控制基本选择器
$("#btn1").click(function(){
$("#one").css("background","#bbffaa");
});
$("#btn2").click(function(){
$(".mini").css("background","#bbffaa");
});
$("#btn3").click(function(){
$("div").css("background","#bbffaa");
});
$("#btn4").click(function(){
$("*").css("backgroundColor","#bbffaa");
});
$("#btn5").click(function(){
$("span,#two").css("background","#bbffaa");
});
//控制层次选择器
$("#btna1").click(function(){
$("body div").css("background","#bbffaa");
});
$("#btna2").click(function(){
$("body>div").css("background","#bbffaa");
});
$("#btna3").click(function(){
$(".one+div").css("background","#bbffaa");
});
$("#btna4").click(function(){
$("#two~div").css("background","#bbffaa");
});
//控制基本过滤选择器
$("#btnb1").click(function(){
$("div:first").css("background","#bbffaa");
});
$("#btnb2").click(function(){
$("div:last").css("background","#bbffaa");
});
$("#btnb3").click(function(){
$("div:not(.one)").css("background","#bbffaa");
});
$("#btnb4").click(function(){
$("div:even").css("background","#bbffaa");
});
$("#btnb5").click(function(){
$("div:odd").css("background","#bbffaa");
});
$("#btnb6").click(function(){
$("div:eq(3)").css("background","#bbffaa");
});
$("#btnb7").click(function(){
$("div:gt(3)").css("background","#bbffaa");
});
$("#btnb8").click(function(){
$("div:lt(3)").css("background","#bbffaa");
});
$("#btnb9").click(function(){
$(":header").css("background","#bbffaa");
});
$("#btnb10").click(function(){
$(":animated").css("background","#bbffaa");
});
$("#btnb11").click(function(){
$(":focus").css("background","#bbffaa");
});
//控制内容过滤选择器
$("#btnc1").click(function(){
$("div:contains('di')").css("background","#bbffaa");
});
$("#btnc2").click(function(){
$("div:empty").css("background","#bbffaa");
});
$("#btnc3").click(function(){
$("div:has('.mini')").css("background","#bbffaa");
});
$("#btnc4").click(function(){
$("div:parent").css("background","#bbffaa");
});
//可见性过滤选择器
$("#btnd1").click(function(){
$("div:visible").css("background","#bbffaa");
});
$("#btnd2").click(function(){
alert( "不可见的元素有："+$('body :hidden').length +"个!\n"+
"其中不可见的div元素有:"+$('div:hidden').length+"个!\n"+
"其中文本隐藏域有:"+$('input:hidden').length+"个!");
$('div:hidden').show(3000).css("background","#bbffaa");
$("div:hidden").show(3000).css("background","#bbffaa");
});
//控制属性选择器
$("#btne1").click(function(){
$("div[title]").css("background","#bbffaa");
});
$("#btne2").click(function(){
$("div[title='test']").css("background","#bbffaa");
});
$("#btne3").click(function(){
$("div[title!='test']").css("background","#bbffaa");
});
$("#btne4").click(function(){
$("div[title^='te']").css("background","#bbffaa");
});
$("#btne5").click(function(){
$("div[title$='est']").css("background","#bbffaa");
});
$("#btne6").click(function(){
$("div[title*='es']").css("background","#bbffaa");
});
$("#btne7").click(function(){
$("div[id][title*='es']").css("background","#bbffaa");
});
//控制属性选择器 加强
$("#btne1-1").click(function(){
$("div[title^='en']").css("background","#bbffaa");
});
$("#btne2-1").click(function(){
$("div[title*='en']").css("background","#bbffaa");
});
$("#btne3-1").click(function(){
$("div[title|='en']").css("background","#bbffaa");
});
$("#btne4-1").click(function(){
$("div[title~='uk']").css("background","#bbffaa");
});
//控制子元素过滤选择器
$("#btnf1").click(function(){
$("div.one :nth-child(2)").css("background","#bbffaa");
});
$("#btnf2").click(function(){
$("div.one :first-child").css("background","#bbffaa");
});
$("#btnf3").click(function(){
$("div.one :last-child").css("background","#bbffaa");
});
$("#btnf4").click(function(){
$("div.one :only-child").css("background","#bbffaa");
});
});
jquery 用的是v1.7.1。
-----总结自《Jquery（第二版）》
相关推荐
矢量边界，行政区域边界，精确到乡镇街道，可直接导入arcgis使用
毕业设计
毕业设计
经验贝叶斯EB的简单例子
智慧园区，作为现代城市发展的新形态，旨在通过高度集成的信息化系统，实现园区的智能化管理与服务。该方案提出，利用智能手环、定制APP、园区管理系统及物联网技术，将园区的各类设施与设备紧密相连，形成一个高效、便捷、安全的智能网络。从智慧社区到智慧酒店，从智慧景区到智慧康养，再到智慧生态，五大应用板块覆盖了园区的每一个角落，为居民、游客及工作人员提供了全方位、个性化的服务体验。例如，智能手环不仅能实现定位、支付、求助等功能，还能监测用户健康状况，让科技真正服务于生活。而智慧景区的建设，更是通过大数据分析、智能票务、电子围栏等先进技术，提升了游客的游玩体验，确保了景区的安全有序。 尤为值得一提的是，方案中的智慧康养服务，展现了科技对人文关怀的深刻体现。通过智慧手环与传感器，自动感知老人身体状态，及时通知家属或医疗机构，有效解决了“空巢老人”的照护难题。同时，智慧生态管理系统的应用，实现了对大气、水、植被等环境要素的实时监测与智能调控，为园区的绿色发展提供了有力保障。此外，方案还提出了建立全域旅游营销平台，整合区域旅游资源，推动旅游业与其他产业的深度融合，为区域经济的转型升级注入了新的活力。 总而言之，这份智慧园区建设方案以其前瞻性的理念、创新性的技术和人性化的服务设计，为我们展示了一个充满智慧与活力的未来园区图景。它不仅提升了园区的运营效率和服务质量，更让科技真正融入了人们的生活，带来了前所未有的便捷与舒适。对于正在规划或实施智慧园区建设的决策者而言，这份方案无疑提供了一份宝贵的参考与启示，激发了他们对于未来智慧生活的无限遐想与憧憬。
数学建模相关主题资源2
内容概要：本文围绕SQL在求职和实际工作中的应用展开，详细解析了SQL的重要性及其在不同行业中不可替代的地位。文章首先强调了SQL作为“一切数据工作的起点”，是数据分析、数据挖掘等领域必不可少的技能，并介绍了SQL与其他编程语言在就业市场的对比情况。随后重点探讨了SQL在面试过程中可能出现的挑战与应对策略，具体涉及到询问澄清问题、正确选择JOIN语句类型、恰当使用GROUP BY及相关过滤条件的区别、理解和运用窗口函数等方面，并给出了详细的实例和技巧提示。另外提醒面试者要注意重复值和空值等问题，倡导与面试官及时沟通。文中引用IEEE Spectrum编程语言排行榜证明了SQL不仅广泛应用于各行各业，在就业市场上也最受欢迎。 适用人群：从事或打算转入数据科学领域（包括但不限于数据分析师、数据科学家、数据工程师等职业方向），并对掌握和深入理解SQL有一定需求的专业人士，尤其是正准备涉及SQL相关技术面试的求职者。 使用场景及目标：帮助用户明确在面对复杂的SQL查询题目时能够更加灵活应对，提高解题效率的同时确保准确性；同时让用户意识到SQL不仅仅是简单的数据库查询工具，而是贯穿整个数据处理流程的基础能力之一，进而激发他们进一步探索的热情。 其他说明：SQL在性能方面优于Excel尤其适用于大规模数据操作；各知名企业仍将其视为标准数据操作手段。此外还提供了对初学者友好的建议，针对留学生普遍面临的难题如零散的学习资料、昂贵且效果不佳的付费教程以及难以跟上的纯英教学视频给出了改进的方向。
COMSOL仿真揭示石墨烯临界耦合光吸收特性：费米能级调控下的光学性能探究,COMSOL仿真揭示石墨烯临界耦合光吸收特性：费米能级调控下的光学性能探究,COMSOL 准 BIC控制石墨烯临界耦合光吸收。 COMSOL 光学仿真，石墨烯，光吸收，费米能级可调下图是仿真文件截图，所见即所得。 ,COMSOL; 准BIC; 石墨烯; 临界耦合光吸收; 光学仿真; 费米能级可调。,COMSOL仿真：石墨烯光吸收的BIC控制与费米能级调节
Labview与Proteus串口仿真下的温度采集与报警系统：Keil单片机程序及全套视频源码解析,Labview与Proteus串口仿真温度采集及上位机报警系统实战教程：设定阈值的Keil程序源码分享,labview 和proteus 联合串口仿真 温度采集 上位机报警 设定阈值单片机keil程序 整套视频仿真源码 ,关键词：LabVIEW；Proteus；串口仿真；温度采集；上位机报警；阈值设定；Keil程序；视频仿真源码。,LabVIEW与Proteus联合串口仿真：温度采集与报警系统，Keil程序与阈值设定全套视频源码
整车性能目标书：涵盖燃油车、混动车及纯电动车型的十六个性能模块目标定义模板与集成开发指南,整车性能目标书：涵盖燃油车、混动车及纯电动车型的十六个性能模块目标定义模板与集成开发指南,整车性能目标书，汽车性能目标书，十六个性能模块目标定义模板，包含燃油车、混动车型及纯电动车型。 对于整车性能的集成开发具有较高的参考价值 ,整车性能目标书;汽车性能目标书;性能模块目标定义模板;燃油车;混动车型;纯电动车型;集成开发;参考价值,《汽车性能模块化目标书：燃油车、混动车及纯电动车的集成开发参考》
熵值法stata代码（含stata代码+样本数据） 面板熵值法是一种在多指标综合评价中常用的数学方法，主要用于对不同的评价对象进行量化分析，以确定各个指标在综合评价中的权重。该方法结合了熵值理论和面板数据分析，能够有效地处理包含多个指标的复杂数据。
“电子电路”仿真资源（Multisim、Proteus、PCB等）
在 GEE（Google Earth Engine）中，XEE 包是一个用于处理和分析地理空间数据的工具。以下是对 GEE 中 XEE 包的具体介绍： 主要特性 地理数据处理：提供强大的函数和工具，用于处理遥感影像和其他地理空间数据。 高效计算：利用云计算能力，支持大规模数据集的快速处理。 可视化：内置可视化工具，方便用户查看和分析数据。 集成性：可以与其他 GEE API 和工具无缝集成，支持多种数据源。 适用场景 环境监测：用于监测森林砍伐、城市扩展、水体变化等环境问题。 农业分析：分析作物生长、土地利用变化等农业相关数据。 气候研究：研究气候变化对生态系统和人类活动的影响。
内容概要：本文介绍了C++编程中常见指针错误及其解决方案，并涵盖了模板元编程的基础知识和发展趋势，强调了高效流操作的最新进展——std::spanstream。文章通过一系列典型错误解释了指针的安全使用原则，强调指针初始化、内存管理和引用安全的重要性。随后介绍了模板元编程的核心特性，展示了编译期计算、类型萃取等高级编程技巧的应用场景。最后，阐述了C++23中引入的新特性std::spanstream的优势，对比传统流处理方法展现了更高的效率和灵活性。此外，还给出了针对求职者的C++技术栈学习建议，涵盖了语言基础、数据结构与算法及计算机科学基础领域内的多项学习资源与实战练习。 适合人群：正在学习C++编程的学生、从事C++开发的技术人员以及其他想要深入了解C++语言高级特性的开发者。 使用场景及目标：帮助读者掌握C++中的指针规则，预防潜在陷阱；介绍模板元编程的相关技术和优化方法；使读者理解新引入的标准库组件，提高程序性能；引导C++学习者按照有效的路径规划自己的技术栈发展路线。 阅读建议：对于指针部分的内容，应当结合实际代码样例反复实践，以便加深理解和记忆；在研究模板元编程时，要从简单的例子出发逐步建立复杂模型的理解能力，培养解决抽象问题的能力；而对于C++23带来的变化，则可以通过阅读官方文档并尝试最新标准特性来加深印象；针对求职准备，应结合个人兴趣和技术发展方向制定合理的学习计划，并注重积累高质量的实际项目经验。
JNA、JNI， Java两种不同调用DLL、SO动态库方式读写FM1208 CPU卡示例源码，包括初始化CPU卡、创建文件、修改文件密钥、读写文件数据等操作。支持Windows系统、支持龙芯Mips、LoongArch、海思麒麟鲲鹏飞腾Arm、海光兆芯x86_Amd64等架构平台的国产统信、麒麟等Linux系统编译运行，内有jna-4.5.0.jar包，vx13822155058 qq954486673
内容概要：本文全面介绍了Linux系统的各个方面，涵盖入门知识、基础操作、进阶技巧以及高级管理技术。首先概述了Linux的特点及其广泛的应用领域，并讲解了Linux环境的搭建方法（如使用虚拟机安装CentOS），随后深入剖析了一系列常用命令和快捷键，涉及文件系统管理、用户和权限设置、进程和磁盘管理等内容。此外，还讨论了服务管理的相关指令（如nohup、systemctl）以及日志记录和轮替的最佳实践。这不仅为初学者提供了一个完整的知识框架，也为中级和高级用户提供深入理解和优化系统的方法。 适合人群：适用于有意深入了解Linux系统的学生和专业技术人员，特别是需要掌握服务器运维技能的人群。 使用场景及目标：本文适合初次接触Linux的操作员了解基本概念；也适合作为培训教材，指导学生逐步掌握各项技能。对于有一定经验的技术人员而言，则可以帮助他们巩固基础知识，并探索更多的系统维护和优化可能性。 阅读建议：建议按照文章结构循序渐进地学习相关内容，尤其是结合实际练习操作来加深记忆和理解。遇到复杂的问题时可以通过查阅官方文档或在线资源获得更多帮助。
内容概要：本文档详细介绍了企业在规范运维部门绩效管理过程中所建立的一套绩效考核制度。首先阐述了绩效考核制度设立的目的为确保绩效目标得以衡量与追踪，并确保员工与公司共同成长与发展。其次规定范围覆盖公司所有在职员工，并详细列明了从总经理到一线员工在内的不同角色的职责范围。再则描述了完整的绩效工作流程，即从年初开始制定绩效管理活动计划，经过与每个员工制定具体的绩效目标，在绩效考核周期之内对员工的工作进展和问题解决状况进行持续的监督跟进，并且在每周期结束前完成员工绩效的评估和反馈工作，同时利用绩效评估结果对员工作出保留或异动的相关决定，最后进行绩效管理活动总结以为来年提供参考。此外还强调了整个过程中必要的相关文档保存，如员工绩效评估表。 适合人群：企业管理层，HR专业人士及对现代企业内部运营管理感兴趣的读者。 使用场景及目标：①管理层需要理解如何规范和有效实施企业内部绩效管理，以提高公司运营效率和员工满意度；②HR人士可以通过参考此文档来优化自己公司的绩效管理体系；③对企业和组织管理有兴趣的研究员亦可借鉴。 阅读建议：读者应重点关注各个层级管理者和员工在整个流程中的角色和责任，以期更好地理解
基于MATLAB Simulink的LCL三相并网逆变器仿真模型：采用交流电流内环PR控制与SVPWM-PWM波控制研究,基于MATLAB Simulink的LCL三相并网逆变器仿真模型研究：采用比例谐振控制与交流SVPWM控制策略及参考文献解析,LCL_Three_Phase_inverter：基于MATLAB Simulink的LCL三相并网逆变器仿真模型，交流电流内环才用PR（比例谐振）控制，PWM波采用SVPWM控制，附带对应的参考文献。 仿真条件：MATLAB Simulink R2015b，前如需转成低版本格式请提前告知，谢谢。 ,LCL三相并网逆变器; LCL_Three_Phase_inverter; MATLAB Simulink; PR控制; SVPWM控制; 仿真模型; 参考文献; 仿真条件; R2015b版本,基于PR控制与SVPWM的LCL三相并网逆变器Simulink仿真模型研究
内点法求解标准节点系统最优潮流计算的稳定程序，注释清晰，通用性强,内点法用于标准节点系统的最优潮流计算：稳定、通用且注释清晰的matlab程序,内点法最优潮流程序matlab 采用内点法对14标准节点系统进行最优潮流计算，程序运行稳定，注释清楚，通用性强 ,内点法; 最优潮流程序; MATLAB; 14标准节点系统; 稳定运行; 清晰注释; 通用性强。,Matlab内点法最优潮流程序：稳定高效，通用性强，适用于14节点系统
17suiea3.apk?v=1741006890849