jQuery选择器汇总

本文详细介绍了jQuery中的选择器使用方法,包括基本选择器、表单选择器、层次选择器及过滤选择器等,帮助读者更好地理解和掌握jQuery选择器的使用技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先介绍一下prototype
Prototyppe
是最早成型的js库之一,对js的内置对象(String对象、Array对象等)做了大量的扩展。现在还有很多项目使用Prototype 。
Prototype可以看做是把很多有用的JavaScript的方法组合在一起而形成的JavaScript库。使用者可以在需要的时候随时把极端代码抽出来放进自己的脚本里

现在总结使用jQuery语法
jQuery选择器(基本、表单、层次、过滤)

基本选择器  通过id class 和标签名来查找DOM元素。

#id    .class     element      *       selector1,selector2,...selectorN




过滤选择器  过滤规则选择DOM元素(与CSS中的伪类选择器语法相同,都以:开头)

:first                    $("div:first")                           选取所有<div>元素中第一个<div>元素
:last                     $("div:last")                            选取所有<div>元素中最后一个<div>元素      
:not(selector)   $("input:not(.myclass)")     选取class不是myclass的<input>元素          
:even                  $("input:even")                     选取索引是偶数的<input>元素
:odd                    $("input:odd")                       选取索引是奇数的<input>元素
:eq(index)         $("input:eq(1)")                     选取索引等于1的<input>元素
:gt(index)          $("input:gt(1)")                     选取索引大于1的<input>元素
:lt(index)           $("input:lt(1)")                       选取索引小于1的<input>元素
:header              $(":header" )                          选取网页中所有的<h1> <h2>....
:animated         $("div:animated")                 选取正在执行动画的div元素
:focus                 $(":focus")                               选取当前获取焦点的元素                
:hidden              $(":hidden")                            选取所有不可见的元素
:visible                $("div:visible")                       选取所有可见的div元素
:contains            $("div:contains('wo')")
:empty                $("div:empty")
:has(selector)    $("div:has(p)")
:parent                $("div:parent")

属性过滤选择器
[attribute]                        拥有属性            
[attribute=value]           等于
[attribute!=value]          不等于
[attribute^=value]         以开始
[attribute$=value]          以结束
[attribute*=value]          包含
[attribute|=value]           等于或为前缀
[attribute~=value]         用空格分隔的值中包含 
[attribute1][attribute2][attributeN]


子元素过滤选择器  p44
:nth-child(index/even/odd/equation)    每个父元素下第index个子元素或者奇偶元素
:first-child                                                       每个父元素的第一个子元素
:last-child                                                        每个父元素的最后一个子元素
:only-child                                                      父元素中只有一个元素的





表单选择器  选择表单的某个或某类型的元素
:input
:text
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file
:hidden
:enabled
:disabled
:checked
:selected


层次选择器  通过层次关系获取元素

$("ancestor descendant")      选取ancestor元素里面的descendant(后代)元素
$("parent>child")                     选取parent元素下的child(子)元素
$("prev+next")                          选取紧接在prev元素后的next元素。等价next()          $(".one+div")=$(".one").next("div")
$("prev~siblings")                    选取prev元素之后的所有siblings元素
$("#prev~div")=$("#prev").nextAll("div")                     







内容概要:本文档提供了关于“微型车间生产线的设计与生产数据采集试验研究”的毕业设计复现代码,涵盖从论文结构生成、机械结构设计、PLC控制系统设计、生产数据采集与分析系统、有限元分析、进度管理、文献管理和论文排版系统的完整实现。通过Python代码和API调用,详细展示了各个模块的功能实现和相互协作。例如,利用SolidWorks API设计机械结构,通过PLC控制系统模拟生产流程,使用数据分析工具进行生产数据的采集和异常检测,以及利用进度管理系统规划项目时间表。 适合人群:具有机械工程、自动化控制或计算机编程基础的学生或研究人员,尤其是从事智能制造领域相关工作的人员。 使用场景及目标:①帮助学生或研究人员快速搭建和理解微型车间生产线的设计与实现;②提供完整的代码框架,便于修改和扩展以适应不同的应用场景;③作为教学或科研项目的参考资料,用于学习和研究智能制造技术。 阅读建议:此资源不仅包含详细的代码实现,还涉及多个学科领域的知识,如机械设计、电气控制、数据分析等。因此,在学习过程中,建议读者结合实际操作,逐步理解每个模块的功能和原理,并尝试调整参数以观察不同设置下的系统表现。同时,可以参考提供的文献资料,深入研究相关理论和技术背景。
本次的学生体质健康信息管理网站,按照用户的角色可以分为教师与学生,后台设置管理员角色来对学生的信息进行管理。,设计如下: 1、后台管理系统 后台管理系统主要是为该系统的管理员提供信息管理服务的系统,具体包括的功能模块如下: (1)管理员信息管理 (2)教师信息管理 (3)学生信息管理 (4)健康信息统计(图形化进行健康,亚健康等学生的信息数量统计) 2、教师角色的功能模块设计 教师角色所需要的功能模块主要包括了如下的一些内容: (1)个人资料修改 (2)学生体质健康管理:录入相关数据,包括但不限于身高、体重、肺活量、视力等生理指标以及运动能力、身体成分、骨密度等健康指标,并且设置健康,亚健康状态 (3)学生健康建议:根据体质信息,进行学生健康的建议 (4)健康预警:对健康出问题的学生,进行健康预警 (5)饮食和锻炼情况管理,查看 3、学生角色 学生角色可以通过该信息网站看到个人的基本信息,能够看到教师给与学生的健康建议等,功能模块设计如下: (1)个人资料修改 (2)我的健康建议查看 (3)我的健康预警 (4)饮食和锻炼情况管理,记录平时的饮食和锻炼情况 完整前后端源码,部署后可正常运行! 环境说明 开发语言:Java后端 框架:ssm,mybatis JDK版本:JDK1.8+ 数据库:mysql 5.7+ 数据库工具:Navicat11+ 开发软件:eclipse/idea Maven包:Maven3.3+ 部署容器:tomcat7.5+
网站前台: (1)站内新闻:及时发布康复中心动态、行业资讯等,让用户了解最新消息。 (2)用户注册,登录:支持用户注册新账号并登录系统,开启预约等操作。 (3)科室介绍:详细介绍康复中心各科室,含功能、特色治疗等信息。 (4)医生列表,详情:展示医生信息,如履历、擅长领域,助用户选医生。 (5)老年生活风采:呈现老年人康复生活照片等,展示康复后的精彩状态。 (6)预约入院:用户填写姓名、电话等信息,提交入院预约申请。 网站后台: 管理员 (1)管理员密码修改:管理员可自主修改登录密码,保障账号安全。 (2)用户注册管理,审核:对新用户注册信息审核,确保信息真实合规。 (3)站内新闻管理:发布、编辑、删除站内新闻,把控资讯更新与质量。 (4)科室信息管理:维护科室信息,包括介绍、设备等内容的增删改。 (5)医生信息管理:管理医生资料,可更新履历、擅长方向等信息。 (6)老年生活风采管理:上传、整理、替换老年生活风采相关展示内容。 (7)预约入院管理:处理用户入院预约,安排入院时间和流程。 用户 (1)用户资料修改:用户可修改个人注册资料,保证信息准确性。 (2)我的预约住院结果:查询预约入院审核结果,了解住院安排情况。 完整前后端源码,部署后可正常运行! 环境说明 开发语言:Java后端 框架:ssm,mybatis JDK版本:JDK1.8+ 数据库:mysql 5.7+ 数据库工具:Navicat11+ 开发软件:eclipse/idea Maven包:Maven3.3+ 部署容器:tomcat7.5+
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值