Jquery选择子控件"大于号"和" "区别介绍及使用示例
parent > child
概述
在给定的父元素下匹配所有的子元素
参数
parentSelector任何有效选择器
childSelector用以匹配元素的选择器,并且它是第一个选择器的子元素
示例
描述:
匹配表单中所有的子级input元素。
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
$("form > input")
[ <input name="name" /> ]
ancestor descendant
概述
在给定的祖先元素下匹配所有的后代元素
参数
ancestorSelector任何有效选择器
descendantSelector用以匹配元素的选择器,并且它是第一个选择器的后代元素
示例
描述:
找到表单中所有的 input 元素
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
$("form input")
[ <input name="name" />, <input name="newsletter" /> ]
相关推荐
-
jQuery Selectors(选择器)的使用(七、子元素篇)
本系列文章分为:基本篇.层次篇.简单篇.内容篇.可见性篇.属性篇.子元素篇.表单篇.表单对象属性篇共9篇文章. 本篇讲解::nth-child(index/even/odd/equation),:first-child,:last-child,:only-child的用法. 您对本系列文章有任何建议或意见请发送到邮箱:sjzlgt@qq.com 由于是第一次写技术性系列文章,难免会出错或代码BUG,欢迎指出,在此谢过! 您可以到jQuery官网来学习更多的有关jQuery知识. 运行后,请刷新下
-
jquery子元素过滤选择器使用示例
复制代码 代码如下: :nth-child('索引值')//获取指定元素下的某个子元素的位置,索引从1开始: //偶数行 //$('li:nth-child(even)').addClass('class1'); //奇数行 //$('li:nth-child(odd)').addClass('class1'); //第一行 //$('li:nth-child(1)').addClass('class1'); //$('li:first-child').addClass('class1'); /
-
Jquery选择子控件"大于号"和" "区别介绍及使用示例
parent > child 概述 在给定的父元素下匹配所有的子元素 参数 parentSelector任何有效选择器 childSelector用以匹配元素的选择器,并且它是第一个选择器的子元素 示例 描述: 匹配表单中所有的子级input元素. HTML 代码: 复制代码 代码如下: <form> <label>Name:</label> <input name="name" /> <fieldset> <la
-
jquery+ajaxform+springboot控件实现数据更新功能
应用背景 使用springboot架构在如下图所示的界面布局中,实现数据的保存或者更新,务必需要提交到后台,如何进行成功或失败的提示呢?如果使用传统的springmvc的模式,势必要传一个页面给前端,这个页面仅仅是提示操作是否成功了!提示之后还得更新一下数据,就好比我们浏览某些网站的时候给出的一些提示 操作成功,5秒后返回 . 比较傻,客户体验也比较差劲. 改造历程 使用ajax能否解决上述的问题呢? 答案是肯定的,点击保存之后,一个ajax请求到后台,使用ResponseBody标签,限制返回
-
WPF自定义选择年月控件详解
本文实例为大家分享了WPF自定义选择年月控件的具体代码,供大家参考,具体内容如下 封装了一个选择年月的控件,XAML代码: <UserControl x:Class="SunCreate.CombatPlatform.Client.DateMonthPicker" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.micr
-
jQuery日程管理控件glDatePicker用法详解
本文实例讲述了jQuery日程管理控件glDatePicker用法.分享给大家供大家参考,具体如下: 之前接触过一款日程管理控件,叫 FullCalendar,功能很强大,会列出每天的事项,可选择编辑并且可以定制自己的日历,然而,有时候,我们的网页上只需要一个简单的日历,迷你但实用,有日程安排的日期高亮显示,可跳转日期,可选择日期等等基本功能都应该具备,而这时 FullCalendar 就显得太过庞大了,所以,就有了我对 glDatePicker 控件的学习. 先看效果: 橘红色表示当前选
-
Jquery zTree 树控件异步加载操作
zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件 兼容 IE.FireFox.Chrome 等浏览器 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支持一次性静态生成 和 Ajax 异步加载 两种方式 支持多种事件响应及反馈 支持 Tree 的节点移动.编辑.删除 支持任意更换皮肤 / 个性化图标(依靠css) 支持极其灵活的 checkbox 或 radio 选择功能 简单的参数配置实现 灵活多变的功能 异步加载的意思就是: 当点
-
MultiSelect左右选择控件的设计与实现介绍
由于项目中用到左右选择的控件,网上找了一些相关的实现,基本上有两个: 1.基于JQuery UI的控件: 这个看起来样式不错,而且使用起来功能也比较齐全,但是与传统的左边选择到右边的方式不同,有点别扭. 2.某个兄弟手写的一个控件: 这个符合我的需求,简单实用,但是不满足我的另一个需求,我的需求是右边的选择框需要能选择不同颜色的图片,而且这个样式有点不美观. 怎奈自己写一个吧,费了我半天的劲,总算搞定了,贴出来与大家分享一下吧: 这个既满足了我功能的需求也满足了我对样式的要求. 关于颜色选
-
Python GUI库PyQt5样式QSS子控件介绍
QSS子控件 QSS子控件实际上也是一种选择器,其应用在一些复合控件上,典型的如QComboBox,该控件的外观是,有一个矩形的外边框,右边有一个下拉箭头,点击之后会弹出下拉列表,例如: QComboBox:drop-down {image:url(dropdown.png)} 上面的样式指定所有的QComboBox下拉箭头的图片是自定义的,图片文件为dropdown.png ::drop-down子控件选择器可以与上面提到到的选择器一起联合使用,例如 QComboBox#myQComboBox
-
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
在上篇给大家介绍了基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串.list集合. 这种方式其实还是利用list集合的方式传给前台,只不过在前台做了一些小小的变化,而控制器代码也进行了部分的优化,值的一提的是:没用的ajax前后台交互舍弃掉了. 控制器代码如下: //实例化公共静态字典表集合 public static List<TC_DictionaryInfo> DInfo = new List<TC_DictionaryInfo
-
基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串、list集合
本文支持两种方式的数据,一种为List集合,一种为json字符串. 先来介绍一下后台返回list集合(推荐使用此方法): 控制器代码如下: public static List<TC_DictionaryInfo> DInfo = new List<TC_DictionaryInfo>(); /// <summary> /// TreeView视图 /// </summary> /// <returns></returns> publ
-
iOS App中UIPickerView选择栏控件的使用实例解析
UIPickerView控件是比UIDatePicker控件更普通的Picker控件,UIDatePicker控件可以理解成是从UIPickerView控件加工出来的专门进行日期选择的控件. UIPickerView控件的用法比UIDatePicker复杂一点.本文中的小例子将用UIPickerView控件做出两种效果,第一个只有一个转盘,第二个有两个转盘,但这两个转盘之间没有依赖关系,也就是说改变其中一个转盘中的选择,不会对第二个转盘产生影响.在下一篇文章会做一个转盘之间有依赖关系的例子. 下
随机推荐
- java asp分析各种搜索引擎的关键字,自动识别url 中关键字的编码
- 自己动手实现jQuery Callbacks完整功能代码详解
- plupload+artdialog实现多平台上传文件
- tomcat虚拟主机_动力节点Java学院整理
- PHP通过串口实现发送短信
- js读写COOKIE实现记住帐号或密码的代码(js读写COOKIE)
- Android编程实现Gallery中每次滑动只显示一页的方法
- Python单例模式的两种实现方法
- C语言 volatile与const同时使用应注意的问题
- C语言中操作密码文件的一些函数总结
- 解读C++编程中类模板的三种特化
- Linux下安装配置MySQL
- 浅析mysql 共享表空间与独享表空间以及他们之间的转化
- Windows下MySQL 5.6安装及配置详细图解(大图版)
- PHP数据类型之布尔型的介绍
- PHP实现QQ空间自动回复说说的方法
- jQuery实现监控页面所有ajax请求的方法
- JDK的Parser来解析Java源代码详解
- win2003服务器通过ipsec做防火墙的配置方法
- bootstrap 下拉多选框进行多选传值问题代码分析