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 相关文章推荐
百度 popup.js 完美修正版非常的不错 脚本之家推荐
Apr 17 Javascript
javascript下判断一个对象是否具有指定名称的属性的的代码
Jan 11 Javascript
谈谈关于JavaScript 中的 MVC 模式
Apr 11 Javascript
jquery简单的拖动效果实现原理及示例
Jul 26 Javascript
iframe实用操作锦集
Apr 22 Javascript
jquery实现点击页面计算点击次数
Jan 23 Javascript
AngularJS基础 ng-model-options 指令简单示例
Aug 02 Javascript
JS+HTML5实现上传图片预览效果完整实例【测试可用】
Apr 20 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
Jul 27 Javascript
Vue2.0 多 Tab切换组件的封装实例
Jul 28 Javascript
了解javascript中let和var及const关键字的区别
May 24 Javascript
关于Vue中$refs的探索浅析
Nov 05 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
虹吸壶煮咖啡26个注意事项
2021/03/03 冲泡冲煮
php json相关函数用法示例
2017/03/28 PHP
php获取ajax的headers方法与内容实例
2017/12/27 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
PHP实现的mongoDB数据库操作类完整实例
2018/04/10 PHP
PHP生成(支持多模板)二维码海报代码
2018/04/30 PHP
Thinkphp5 如何隐藏入口文件index.php(URL重写)
2019/10/16 PHP
laravel orm 关联条件查询代码
2019/10/21 PHP
jquery tools 系列 scrollable学习
2009/09/06 Javascript
网页图片延时加载的js代码
2010/04/22 Javascript
cnblogs TagCloud基于jquery的实现代码
2010/06/11 Javascript
javascript中typeof的使用示例
2013/12/19 Javascript
js对象继承之原型链继承实例
2015/01/10 Javascript
7个有用的jQuery代码片段分享
2015/05/19 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
2016/05/26 Javascript
Javascript字符串拼接小技巧(推荐)
2016/06/02 Javascript
微信JS接口大全
2016/08/25 Javascript
Vue.js组件使用开发实例教程
2016/11/01 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
2017/10/24 Javascript
基于jquery实现左右上下移动效果
2018/05/02 jQuery
vue实现简单loading进度条
2018/06/06 Javascript
新手快速入门JavaScript装饰者模式与AOP
2019/06/24 Javascript
解决vuex刷新状态初始化的方法实现
2019/08/15 Javascript
Python3通过Luhn算法快速验证信用卡卡号的方法
2015/05/14 Python
在Python中操作文件之seek()方法的使用教程
2015/05/24 Python
利用Python抓取行政区划码的方法
2016/11/28 Python
Python中顺序表原理与实现方法详解
2019/12/03 Python
Python的pygame安装教程详解
2020/02/10 Python
python使用scapy模块实现ARP扫描的过程
2021/01/21 Python
学前教育求职自荐信范文
2013/12/25 职场文书
《夕阳真美》教学反思
2014/04/27 职场文书
花坛标语大全
2014/06/30 职场文书
感恩教师节演讲稿
2014/09/03 职场文书
入党自荐书范文
2015/03/05 职场文书
大学社团活动总结怎么写
2019/06/21 职场文书
mysql事务隔离级别详情
2021/10/24 MySQL