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 确定css方框模型（盒模型Box Model）
做过前台设置的都知道css存在两种盒模型，W3C标准的方框模型和IE浏览器的方框模型。除IE以外的大多数浏览器只支持W3C方框模型。IE浏览器能够根据页面的呈现模式的定义而是用对性的方框模式。已用哪中呈现的模式取决于页面上的DOCTYPE的声明。2010-01-01
这篇文章主要为大家详细介绍了jquery精度计算代码,jquery指定精确小数位，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章主要介绍了jQuery控制的不同方向的滑动(向左、向右滑动等),需要的朋友可以参考下2014-07-07
这篇文章主要介绍了jQuery中on绑定事件后引发的事件冒泡问题及解决办法，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧2016-05-05
任意输入国家和城市，用“，”分隔，点击设置下面的超链接就变为了刚设置的城市，点击可以跳到这个城市的查看地图页，鼠标移到超链接上会弹出一个350*350的地图2013-05-05
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
这篇文章主要介绍了JQuery的Ajax中Post方法传递中文出现乱码的解决方法,较为深入的分析了Ajax的post方法出现乱码的原因,以及具体的解决方法,需要的朋友可以参考下2014-10-10
本文给大家分享的功能是这样的：你点击一下顶或踩按钮，记录数值到数据库，并且有颜色的背景跟着变，按照百分比的变化。这样就可以通过背景颜色一眼就看清楚那边支持的人比较多。2015-07-07
本篇文章主要介绍了jQuery.data() 的实现方式，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要介绍了jQuery实现表格的增、删、改操作,涉及基于jQuery的事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下2019-01-01
本文主要介绍了HTML5+jquery实现的搜索匹配效果的实例代码。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
最新评论