Jquery选择子控件"大于号"和" "区别介绍及使用示例
更新时间：2013年06月25日 17:39:54 作者：
Jquery选择子控件”>“：在给定的父元素下匹配所有的子元素；另一个就是在给定的祖先元素下匹配所有的后代元素，具体概述及使用示例如下，感兴趣的朋友可以参考下哈
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" /> ]
概述
在给定的父元素下匹配所有的子元素
参数
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" /> ]
相关文章
这篇文章主要介绍了jQuery中:only-child选择器用法,实例分析了:only-child选择器的功能、定义及匹配父元素的唯一子元素使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
这篇文章主要为大家详细介绍了jQuery呼吸轮播图制作原理，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
本篇文章主要介绍了jquery dataTable 获取某行数据的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧2017-05-05
这里给大家分享的是一段使用EasyUI中实现form表单提交的方法的核心代码，小伙伴们根据自己的需求补全form部分吧，希望大家能够喜欢。2015-03-03
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
在网上找到一篇广为流传的文章《常用正则表达式》，逐一分析，不足地方进行补充和纠正2011-11-11
本案例通过jQuery和Servlet技术来判断用户名是否存在，让读者明白jQuery是怎么调用服务器后台的。还给出了解决中文乱码的方案和如何避免各种浏览器的缓存。2011-03-03
这篇文章主要为大家详细介绍了JQuery+PHP图片在线裁剪实例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
jquery.validate 自定义验证方法及validate相关参数
jquery.validate是一个基于jquery的非常优秀的验证框架，我们可以通过它迅速验证一些常见的输入,并且可以自己扩充自己的验证方法，而且对国际化也有非常好的支持，通过本文给大家介绍jquery.validate 自定义验证方法及validate相关参数，需要的朋友一起学习吧2016-01-01
使用jQuery解决IE与FireFox下createElement方法的差异
使用jQuery解决IE与FireFox下createElement方法的差异。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
EasyUI的treegrid组件动态加载数据问题的解决办法
最近涉及到treegrid组件的查询，需要根据查询条件动态更新EasyUI的treegrid组件的动态加载查询结果2011-12-12
最新评论