文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

JavaWeb——JQuery之五种选择器的应用及实践案例总结（基本选择器、层级选择器、属性选择器、过滤选择器、表单过滤选择器）

class属性值匹配的元素； 4）并集选择器：$("选择器1,选择器2")，获取多个选择器选中的所有元素。...【练习案例】：根据不同按键，控制选择器选中的元素背景色。 表单过滤选择器 表单过滤选择器包括4类： 1）可用元素选择器：:enabled，获得可用元素； 2）不可用元素选择器：:disabled，获得不可用元素； 3）选中选择器：:checked，获得单选.../复选框选中的元素； 4）选中选择器：:selected获得下拉框选中的元素； 【练习案例】：主要看标签中的内容，注意各种条件的写法 的 val() 方法改变表单内可用 元素的值" id="b1"/> jQuery 对象的 val() 方法改变表单内不可用

5.2K30
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    HTML 表单和约束验证的完整指南

    颜色选择器 date 年、月、日的日期选择器 datetime-local 日期和时间选择器 email 电子邮件输入字段 file 文件选择器 hidden 一个隐藏的领域 image 显示由src...属性定义的图像的按钮 month 月份和年份选择器 number 数字输入字段 password 带有模糊文本的密码输入字段 radio 一个单选按钮 range 滑块控件 reset 将所有表单输入重置为其默认值的按钮...week 周数和年份选择器 text如果您省略该type属性或它不支持某个选项，则浏览器会回退到。...媒体捕捉输入法 checked 复选框/收音机被选中 disabled 禁用控件（它不会被验证或提交其值） form 与使用此 ID 的表单关联 formaction 提交和图像按钮上提交的 URL...:indeterminate 不确定的复选框或单选状态，例如取消选中所有单选按钮时 :default 默认提交按钮或图像 您可以placeholder使用::placeholder伪元素设置输入文本的样式

    12.7K40

    jQuery基础

    丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定...jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫，并且可以根据自己需要去改写和封装插件，简单实用...五、查找标签 选择器 id选择器： $("#id") 标签选择器： $("tagName") class选择器： $(".className") 配合使用： $("div.c1") // 找到有c1...class类的div标签 所有元素选择器： $("*") 组合选择器： $("#id, .className, tagName") 层级选择器： x和y可以为任意选择器 $("x y");// x的所有后代...val(val)// 设置所有匹配元素的值 val([val1, val2])// 设置checkbox、select的值 示例： 获取被选中的checkbox或radio的值： <label for

    2.6K120

    CSS3选择器02—CSS3部分选择器

    该部分主要为CSS3新增的选择器 接上一篇 CSS（CSS3）选择器（1） 一.通用兄弟选择器: 24：E ~ F，匹配任何E元素之后的同级F元素。...（也就是说可能存在其他文档形式时使用，选中的是该文档类型的根元素） :root{ background:red; } /*经测试，像div:root这样的写法是无效的*/...h1:not(.name) { color: red; } /*其含义是，匹配所有h1元素的类名不为name的h1元素，如果:not选择器前面不带指明的元素是无效的*/...checkbox"]:checked { outline:2px solid blue; } 46：E:default，指定但页面打开时默认处于选取状态的单选框或复选框控件的样式...参考：css选择器笔记，30个你必须熟记的css选择器，MDN-docs-选择器介绍，HTML5和CSS3权威指南（第3版下册-庐陵牛）第十九章，before和after伪元素的用法。

    78620

    CSS(CSS3)选择器（2）

    该部分主要为CSS3新增的选择器 接上一篇 CSS（CSS3）选择器（1） 一.通用兄弟选择器:                         24：E ~ F，匹配任何E元素之后的同级F元素。...（也就是说可能存在其他文档形式时使用，选中的是该文档类型的根元素） :root{ background:red; } /*经测试，像div:root这样的写法是无效的*/                        ...h1:not(.name) { color: red; } /*其含义是，匹配所有h1元素的类名不为name的h1元素，如果:not选择器前面不带指明的元素是无效的*/                        ...checkbox"]:checked { outline:2px solid blue; }                         46：E:default，指定但页面打开时默认处于选取状态的单选框或复选框控件的样式...参考：css选择器笔记，30个你必须熟记的css选择器，MDN-docs-选择器介绍，HTML5和CSS3权威指南（第3版下册-庐陵牛）第十九章，before和after伪元素的用法。

    1.2K60

    JQuery Ztree 树插件配置与应用小结

    都不影响按下 Ctrl 或 Cmd 键可以让已选中的节点取消选中状态（ 取消选中状态可以参考 setting.view.autoCancelSelected ） setting 举例： 禁止多点同时选中的功能...2、需要首先加载 jquery-1.4.2.js 或其他更高版本的 jQuery 。...或 取消勾选 全部节点。...参数说明 treeNode 需要勾选 或 取消勾选 的JSON节点数据 请务必保证此节点数据对象 是 zTree 内部的数据对象 checked true 表示勾选节点； false 表示节点取消勾选...2、默认情况下，按类似以下配置和初始化方式，调用该API，获取不到数据，因为全部节点都是没选中的，解决方案如下： 1）先通过ztreeObject.checkAllNodes(false) 取消所有节点的选中状态

    8.2K40

    前端(四)-jQuery

    选择器 基本选择器的语法：$("选择器").action(); 2.1 基本选择器 名称 语法 说明 标签选择器 element 选取指定标签名的元素 类选择器 .class 选取指定类名的元素 ID选择器...可见性选择器 语法 说明 :visible 选取所有可见的元素 hidden()方法 隐藏 :hidden 选取所有隐藏的元素 show()方法 显示 2.5 jQuery选择器注意事项 选择器的书写规范很严格...，多一个或少一个空格，都会影响选择器的效果； 2.6 $("选择器").css() 方法 说明 $("选择器").css("属性名称","属性值") 对单个css属性赋值 $("选择器").css({"...创造节点 $()用于获取或创建节点 方法 说明 $(element) 把DOM节点转化成jQuery节点 $(selector) 通过选择器获取节点 $(html) 使用HTML字符创建jQuery节点...).prop("checked")); }); //需求2：当下面按钮有一个没被选中，上面的全选按钮也取消选中状态 $("#t_body input:checkbox").click(

    9.9K30

    与Ajax同样重要的jQuery（2）

    3.jQuery选择器总结 ①：对象访问核心方法 each(function(){}) 遍历集合 size()/length属性 返回集合长度 index() 查找目标元素是集合中第几个元素 ②：CSS...样式操作 css(name,value) css({name:value,name:value}); 同时修改多个CSS样式 基本过滤选择器与 筛选过滤 API功能是相同 $("tr:first") 等价于...$("tr").first() ③：九种选择器重点 l 基本选择器和层级选择器 锁定元素 l 使用属性过滤选择器和内容过滤选择器 具体选中元素 l 表单操作 :checked :selected 选中...表单选中元素 配合基本过滤选择器，缩小选中的范围 4.jQuery的DOM操作 使用jQuery的九种选择器可以基本选中需要操作的对象，但是为了提高jQuery的查询效率，可以结合jQuery的内置查找函数一起使用.../jquery-1.8.3.min.js"> $(function(){ //选中的去右边 $("#chooseToRight

    7.4K50

    JavaScript(十三)

    特性 elements: 表单中所有控件的集合。...enctype: 请求的编码类型，等价于 HTML 中的 enctype 特性 length: 表单中控件的数量 method: 要发送的 HTTP 请求类型，通常是 “get” 或 “post”，等价于...selectedIndex: 基于 0 的选中项的索引，如果没有选中项，则值为 -1 size: 选择框中可见的行数，等价于 HTML 中的 size 特性 选择框的 value 属性由当前选中项决定...，相应规则如下: 如果没有选中的项，则选择框的 value 属性保存空字符串 如果有一个选中项，而且该项的 value 特性已经在 HTML 中指定，则选择框的 value 属性等于选中项的 value...即使 value 特性的值是空字符串，也同样遵循此条规则 如果有一个选中项，但该项的 value 特性在 HTML 中未指定，则选择框的 value 属性等于该项的文本 如果有多个选中项，则选择框的 value

    5.4K20

    jQuery

    丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定...查找标签 基本选择器（同css） id选择器： $("#id") #不管找什么标签，用什么选择器，都必须要写$("")，引号里面再写选择器，通过jQuery找到的标签对象就是一个jQuery对象，用原生...)// 移除所有满足not条件的标签 :has(元素选择器)// 选取所有包含一个或多个标签在其内的标签(指的是从后代元素找) 例子： $("div:has(h1)")// 找到所有后代中有h1标签的...='text']");// 取到类型不是text的input标签 表单筛选器（多用于找form表单里面出现的input标签，当然通过属性选择器找肯定也是没问题的，这样就是写着简单一些）： :text :...因为你做了第一步操作之后，再做第二步操作的时候，所有标签就已经全部取消选中了，所以第二步就把所有标签选中了 // 方法1. for循环所有的checkbox,挨个判断原来选中就取消选中，

    10.3K20

    JQuery选择器和JQuery包装集

    学习jQuery选择器是学习jQuery最重要的一步....JQUERY选择器包括以下几种： 1、基础选择器 2、层次选择器 3、基本过滤器 4、内容过滤器 5、可见性过滤器 6、属性过滤器 7、子元素过滤器 8、表单选择器 9、表单过滤器 下面列出几种重要的选择器...（根据元素的css类选择） $("*")选择页面所有元素（选择所有元素） $("#divId, element, .class")（可以将几个选择器用","分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容...表单过滤器 $("input:enabled")匹配所有可用元素 $("input:disabled")匹配所有不可用元素 $("input:checked")匹配所有选中的被选中元素(复选框、单选框等...对象，然后用对象的appendTo方法追加到testDiv这个被选元素的结尾，这个被选元素即某个控件， 如一个div块或者一个文本框，效果是在此控件后显示一个下拉框； 其他一些常用的操作JQUERY包装集的函数

    4.4K20

    【愚公系列】2023年11月 Winform控件专题 DateTimePicker控件详解

    一、DateTimePicker控件详解DateTimePicker控件是Windows Forms中常用的日期和时间选择控件，允许用户从日历和时间选择器中选择日期和时间。...设置DateTimePicker控件的选中状态：可以使用DateTimePicker控件的Checked属性来设置控件的选中状态。...例如，以下代码演示了如何在选中DateTimePicker控件时设置其值为当前日期和时间，以及在取消选中DateTimePicker控件时清除其值：// 选中DateTimePicker控件时，设置其值为当前日期和时间...EventArgs e){ if (dateTimePicker1.Checked) { dateTimePicker1.Value = DateTime.Now; }}// 取消选中...在表单中添加一个按钮，用于显示用户选择的日期和时间。

    3.9K11

    React Native之Picker组件详解

    Picker简介 在iOS和Android中选择器（Picker）是常见的控件之一，比如TimePickr（Android），pickerView（ios），并且这些基本控件可以实现诸如地址选择等效果。...调用时带有如下参数： itemValue: 被选中项的value属性 itemPosition: 被选中项在picker中的索引位置 selectedValue 默认选中的值。...可以是字符串或整数。 testID 用于在端对端测试中定位此视图。 enabled（Android特有） 如果设为false，则会禁用此选择器。...dropdown（下拉框形式）: 以选择器所在位置为锚点展开一个下拉框 prompt（Android特有） 设置选择器的提示字符串。在Android的对话框模式中用作对话框的标题。...一般我们的picker上边是取消和确定两个按钮，用来选中或者取消Picker的值，Picker一般会固定高度，然后实现一个拨盘滚动的效果，并且上部分有遮罩层。

    5.3K60

    【愚公系列】2023年09月 WPF控件专题 CheckBox控件详解

    一、CheckBox控件详解 CheckBox控件是WPF中常用的用户交互控件之一，用于表示一个二进制选项，用户可以选择或取消选择该选项。其常见的使用场景包括选择/取消选择某些功能，控制某些设置等。...CheckBox控件是WPF中常用的用户交互控件之一，用于表示一个二进制选项，用户可以选择或取消选择该选项。其常见的使用场景包括选择/取消选择某些功能，控制某些设置等。...BorderThickness：控件边框粗细。WPF中CheckBox控件的属性包括： 2.常用场景 选项设置：在设置软件的一些选项时，可以使用CheckBox控件来让用户选择或取消某些选项。...多选筛选：在数据查询界面或数据筛选界面，可以使用多个CheckBox来实现多选筛选功能。 订阅与取消订阅：在订阅一些资讯或服务时，可以使用CheckBox来让用户选择是否订阅或取消订阅。...表单中的确认：在表单中，可以用CheckBox来让用户确认填写的信息是否正确。 条款同意：在一些注册或协议页面中，可以使用CheckBox来让用户同意相关条款。

    1.6K00

    VBA专题10-20：使用VBA操控Excel界面之隐藏和取消隐藏控件、组和选项卡

    虽然隐藏了组中的控件，但是仍然可以通过快捷键组合和上下文菜单执行它们底层的命令，例如，选择工作表单元格，按下Ctrl+B将使单元格内容加粗，右击单元格将显示“单元格”上下文菜单和Mini工具栏。...正如本文开头提到的，也可以在满足某条件时在运行时动态地隐藏（和取消隐藏）内置组。这样的例子包括：选择了图表工作表、选择了特定的工作表、从组合框中选择了特定项、以及勾选了网格线复选框。...通过该属性指向HideAlignmentGroup过程，在打开工作簿或使该控件无效时执行。在该过程中评估是否隐藏或取消隐藏组的条件。...例如，选择非空工作表单元格，按Alt+D+S将显示“排序”对话框，按Ctrl+H显示“查找和替换”对话框，右击单元格将显示单元格上下文菜单和Mini工具栏。...注意，两个按钮的getVisible属性都使用了相同的getVisibleBtnBC回调过程。当打开工作簿或者当其中一个或两个控件被无效时执行该回调。

    10.7K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券