Jquery选择子控件"大于号"和" "区别介绍及使用示例


Posted in Javascript onJune 25, 2013

parent > child

概述
在给定的父元素下匹配所有的子元素

参数
parentSelector任何有效选择器
childSelector用以匹配元素的选择器,并且它是第一个选择器的子元素

示例
描述:
匹配表单中所有的子级input元素。

HTML 代码:

<form> 
<label>Name:</label> 
<input name="name" /> 
<fieldset> 
<label>Newsletter:</label> 
<input name="newsletter" /> 
</fieldset> 
</form> 
<input name="none" />

jQuery 代码:
$("form > input")

结果:
[ <input name="name" /> ]

ancestor descendant

概述
在给定的祖先元素下匹配所有的后代元素

参数
ancestorSelector任何有效选择器
descendantSelector用以匹配元素的选择器,并且它是第一个选择器的后代元素

示例
描述:
找到表单中所有的 input 元素

HTML 代码:

<form> 
<label>Name:</label> 
<input name="name" /> 
<fieldset> 
<label>Newsletter:</label> 
<input name="newsletter" /> 
</fieldset> 
</form> 
<input name="none" />

jQuery 代码:
$("form input")

结果:
[ <input name="name" />, <input name="newsletter" /> ]
Javascript 相关文章推荐
在Javascript里访问SharePoint列表数据的实现方法
May 22 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
Feb 26 Javascript
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
Aug 26 Javascript
如何在JS中实现相互转换XML和JSON
Jul 19 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
Oct 17 Javascript
js事件冒泡与事件捕获详解
Feb 20 Javascript
javascript遍历json对象的key和任意js对象属性实例
Mar 09 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 jQuery
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 jQuery
详解angular应用容器化部署
Aug 14 Javascript
JavaScript实现五子棋游戏的方法详解
Jul 08 Javascript
JavaScript嵌入百度地图API的最详细方法
Apr 16 Javascript
Jquery动态改变图片IMG的src地址示例
Jun 25 #Javascript
js实现快速分享功能(你的文章分享工具)
Jun 25 #Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
Jun 25 #Javascript
javascript实现div的显示和隐藏的小例子
Jun 25 #Javascript
js中复制行和删除行的操作实例
Jun 25 #Javascript
JQuery+DIV自定义滚动条样式的具体实现
Jun 25 #Javascript
js循环改变div颜色具体方法
Jun 25 #Javascript
You might like
获取PHP警告错误信息的解决方法
2013/06/03 PHP
php实现的支持断点续传的文件下载类
2014/09/23 PHP
PHP里的单例类写法实例
2015/06/25 PHP
对比PHP对MySQL的缓冲查询和无缓冲查询
2016/07/01 PHP
PHP利用递归函数实现无限级分类的方法
2019/03/22 PHP
PHP判断函数是否被定义的方法
2019/06/21 PHP
JS 事件绑定函数代码
2010/04/28 Javascript
SWFObject 2.1以上版本语法介绍
2010/07/10 Javascript
读jQuery之九 一些瑕疵说明
2011/06/21 Javascript
javascript椭圆旋转相册实现代码
2012/01/16 Javascript
深入了解javascript中的prototype与继承
2013/04/14 Javascript
通过JS来动态的修改url,实现对url的增删查改
2014/09/01 Javascript
js闭包实例汇总
2014/11/09 Javascript
详解js中构造流程图的核心技术JsPlumb
2015/12/08 Javascript
使用jQuery加载html页面到指定的div实现方法
2016/07/13 Javascript
简单实现jquery焦点图
2016/12/12 Javascript
深入理解vue.js中的v-if和v-show
2017/06/22 Javascript
vue获取当前激活路由的方法
2018/03/17 Javascript
JS实现图片切换效果
2018/11/17 Javascript
微信上传视频文件提示(推荐)
2018/11/22 Javascript
python实现批量图片格式转换
2020/06/16 Python
Python实现代码块儿折叠
2020/04/15 Python
使用Keras加载含有自定义层或函数的模型操作
2020/06/10 Python
python判断一个变量是否已经设置的方法
2020/08/13 Python
css3实例教程 一款纯css3实现的环形导航菜单
2014/10/20 HTML / CSS
Ratchet 模态框的实现
2020/08/19 HTML / CSS
美国知名的摄影器材销售网站:Adorama
2017/02/01 全球购物
阿迪达斯荷兰官方网站:adidas荷兰
2018/03/16 全球购物
Fossil加拿大官网:化石手表、手袋、首饰及配饰
2019/04/23 全球购物
考博自荐信
2013/10/25 职场文书
科长竞聘演讲稿
2014/05/16 职场文书
机关作风整顿个人整改措施2014
2014/09/17 职场文书
2014年幼儿园学期工作总结
2014/12/05 职场文书
酒店财务经理岗位职责
2015/04/08 职场文书
公司搬迁通知
2015/04/20 职场文书
Go语言-为什么返回值为接口类型,却返回结构体
2021/04/24 Golang