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中arguments,caller,callee,apply的用法小结
Jan 28 Javascript
javascript编写实用的省市选择器
Feb 12 Javascript
jquery验证邮箱格式并显示提交按钮
Nov 07 Javascript
简单掌握JavaScript中const声明常量与变量的用法
May 21 Javascript
详细总结Javascript中的焦点管理
Sep 17 Javascript
js实现手机拍照上传功能
Jan 17 Javascript
vue的一个分页组件的示例代码
Dec 25 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
Sep 28 Javascript
javascript实现贪吃蛇经典游戏
Apr 10 Javascript
jQuery--遍历操作实例小结【后代、同胞及过滤】
May 22 jQuery
js前端对于大量数据的展示方式及处理方法
Dec 02 Javascript
Vue SPA 首屏优化方案
Feb 26 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
Windows中安装Apache2和PHP4权威指南
2006/11/18 PHP
php根据身份证号码计算年龄的实例代码
2014/01/18 PHP
PHP中实现获取IP和地理位置类分享
2015/02/10 PHP
php面向对象值单例模式
2016/05/03 PHP
PHP 中常量的知识整理
2017/04/14 PHP
基于dom编程中 动态创建与删除元素的使用
2013/04/17 Javascript
js导出table到excel同时兼容FF和IE示例
2013/09/03 Javascript
scrollWidth,clientWidth,offsetWidth的区别
2015/01/13 Javascript
探讨JavaScript语句的执行过程
2016/01/28 Javascript
jQuery toggle 代替方法
2016/03/22 Javascript
jQuery UI结合Ajax创建可定制的Web界面
2016/06/22 Javascript
JS实现的简易拖放效果示例
2016/12/29 Javascript
jquery 手势密码插件
2017/03/17 Javascript
基于Bootstrap table组件实现多层表头的实例代码
2017/09/07 Javascript
使用clipboard.js实现复制功能的示例代码
2017/10/16 Javascript
express + jwt + postMan验证实现持久化登录
2019/06/05 Javascript
使用p5.js实现动态GIF图片临摹重现
2019/10/23 Javascript
vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】
2020/03/06 Javascript
Python实现建立SSH连接的方法
2015/06/03 Python
python3.6 +tkinter GUI编程 实现界面化的文本处理工具(推荐)
2017/12/20 Python
python opencv读mp4视频的实例
2018/12/07 Python
python3+PyQt5 数据库编程--增删改实例
2019/06/17 Python
python支付宝支付示例详解
2019/08/22 Python
基于pandas中expand的作用详解
2019/12/17 Python
Django 设置多环境配置文件载入问题
2020/02/25 Python
Python3-异步进程回调函数(callback())介绍
2020/05/02 Python
如何基于Python爬虫爬取美团酒店信息
2020/11/03 Python
HTML5 placeholder(空白提示)属性介绍
2013/08/07 HTML / CSS
优质有机椰子产品:Dr. Goerg
2019/09/24 全球购物
大学新生军训个人的自我评价
2013/10/03 职场文书
成人大专自我鉴定范文
2013/10/19 职场文书
建筑设计师岗位职责
2013/11/18 职场文书
销售行政专员职责
2014/01/03 职场文书
音乐节策划方案
2014/06/09 职场文书
三峡人家导游词
2015/01/31 职场文书
房屋买卖定金协议书
2016/03/21 职场文书