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 相关文章推荐
用js怎么把&amp;字符换成&quot;&amp;amp:&quot;
Oct 19 Javascript
在jquery中combobox多选的不兼容问题总结
Dec 24 Javascript
js中split函数的使用方法说明
Dec 26 Javascript
利用函数的惰性载入提高javascript代码执行效率
May 05 Javascript
jQuery实现进度条效果代码
Dec 17 Javascript
React Native如何消除启动时白屏的方法
Aug 08 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
May 18 Javascript
vue 验证码界面实现点击后标灰并设置div按钮不可点击状态
Oct 28 Javascript
jquery获取input输入框中的值
Nov 13 jQuery
VUE中使用HTTP库Axios方法详解
Feb 05 Javascript
vue实现tab栏点击高亮效果
Aug 19 Javascript
Vue组件更新数据v-model不生效的解决
Apr 02 Vue.js
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
如何提高MYSQL数据库的查询统计速度 select 索引应用
2007/04/11 PHP
PHP 一个随机字符串生成代码
2010/05/26 PHP
PHP动态生成javascript文件的2个例子
2014/04/11 PHP
PHP 中使用ajax时一些常见错误总结整理
2017/02/27 PHP
使用laravel的Eloquent模型如何获取数据库的指定列
2019/10/17 PHP
jQuery DOM操作小结与实例
2010/01/07 Javascript
jquery在Chrome下获取图片的长宽问题解决
2013/03/20 Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
2013/12/27 Javascript
JavaScript的arguments对象应用示例
2014/09/15 Javascript
jQuery中extend函数详解
2015/02/13 Javascript
JavaScript使用setTimeout实现延迟弹出警告框的方法
2015/04/07 Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
2015/05/06 Javascript
JavaScript数组对象实现增加一个返回随机元素的方法
2015/07/27 Javascript
使用bootstrap validator的remote验证代码经验分享(推荐)
2016/09/21 Javascript
ES6学习教程之对象的扩展详解
2017/05/02 Javascript
微信小程序 侧滑删除(左滑删除)
2017/05/23 Javascript
最简单的JS实现json转csv的方法
2019/01/10 Javascript
微信小程序实现bindtap等事件传参
2019/04/08 Javascript
Python和Ruby中each循环引用变量问题(一个隐秘BUG?)
2014/06/04 Python
实例讲解Python爬取网页数据
2018/07/08 Python
python中强大的format函数实例详解
2018/12/05 Python
基于python监控程序是否关闭
2020/01/14 Python
windows下python安装pip方法详解
2020/02/10 Python
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
2016/11/21 HTML / CSS
匡威英国官网:Converse英国
2018/12/02 全球购物
新西兰Bookabach:查找全球度假屋
2020/12/03 全球购物
shell程序中如何注释
2012/02/17 面试题
linux面试题参考答案(11)
2012/05/01 面试题
市场营销毕业生自荐信
2013/11/23 职场文书
30年同学聚会邀请函
2014/01/25 职场文书
护士试用期自我鉴定
2014/02/08 职场文书
上课玩手机的检讨书
2014/10/01 职场文书
政府班子四风问题整改措施
2014/10/04 职场文书
六一活动主持词
2015/06/30 职场文书
社交电商模式的兴起:这些新的商机千万别错过
2019/07/26 职场文书
JavaScript实现队列结构过程
2021/12/06 Javascript