提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

Jquery选择子控件"大于号"和""区别介绍及使用示例

jQuery 使用 介绍 示例 区别 选择 控件 quot
2023-06-13 09:15:02 时间
parent>child

概述
在给定的父元素下匹配所有的子元素

参数
parentSelector任何有效选择器
childSelector用以匹配元素的选择器，并且它是第一个选择器的子元素

示例
描述:
匹配表单中所有的子级input元素。

HTML代码:
复制代码代码如下:

<form>
<label>Name:</label>
<inputname="name"/>
<fieldset>
<label>Newsletter:</label>
<inputname="newsletter"/>
</fieldset>
</form>
<inputname="none"/>

jQuery代码:
复制代码代码如下:

$("form>input")

结果:
复制代码代码如下:
[<inputname="name"/>]

ancestordescendant

概述
在给定的祖先元素下匹配所有的后代元素

参数
ancestorSelector任何有效选择器
descendantSelector用以匹配元素的选择器，并且它是第一个选择器的后代元素

示例
描述:
找到表单中所有的input元素

HTML代码:
复制代码代码如下:
<form>
<label>Name:</label>
<inputname="name"/>
<fieldset>
<label>Newsletter:</label>
<inputname="newsletter"/>
</fieldset>
</form>
<inputname="none"/>

jQuery代码:
复制代码代码如下:
$("forminput")

结果:
复制代码代码如下:
[<inputname="name"/>,<inputname="newsletter"/>]

相关文章