jQuery选择器全面详细解释jQuery选择器

jQuery选择器全面详细解释jQuery选择器
选择没有固定的定义,并在一定程度上,在jQuery的选择器选择器在样式表选择器很相似。选择具有以下特点:
1。简化代码的编写
2。隐式迭代
三.不必判断对象是否存在。
其中,$是选择器的一个不可缺少的部分。在jQuery库,$是一个jQuery的缩短形式,如$(# foo)和jQuery(# foo)是等效的,美元。Ajax和jquery.ajax是等效的。如果没有特别说明,你可以了解美元符号在程序作为一个短期的形式jQuery。
现在我们正式进入jQuery选择器的学习中,选择器根据选择器的功能习惯进行分类。其次,对不同类型的量词进行分类,并分别解释和解释,使读者能够掌握程度。
1。基本选择器
基本的选择包括5个选择:# ID,元,,类,和selectorl,selector2.selectorn。接下来,我们将用实例介绍每个选择器的功能和用法。
1 # ID选择器。
的# ID选择器匹配的元素根据给定的ID。如果选择含有特殊字符,可以用两个斜线逃跑,其返回值是数组。
2.element选择器
元素选择器是用于搜索的元素。指向DOM节点的标签名称。返回值是数组。
3.class选择器
类选择器是根据给定的类匹配元素来搜索的类。元素可以有多个类,只要可以匹配一个匹配项,返回值就是数组。

举一个例子:uff1a
复制代码代码如下所示:

根据元素名称选择

jQuery(# ID)的瓦迩();
jQuery();
jQuery(方法)的瓦迩();
元素的值可以单独获得,上面的三个是最常用的选择器,其中id选择器是最有效的,应该尽可能使用。

4 *选择器
*选择器用于搜索所有元素的上下文和匹配选择器。返回值是数组。
5.selector1,selector2,selectorn选择器
这个选择器选择器返回后每个选择器的元素相匹配,你可以指定任意多个选择器匹配的元素和合并到一个结果,并且返回值是数组。在下面的例子中,CSS操作选定项目的执行使读者清楚地了解selector1,selector2的作用,并selectorn选择器。
二、层次选择器
层次选择器包括5种形式:祖先后裔,父>的孩子,沪指+下沪指~兄弟姐妹。和每个选择器的功能做了详细的介绍与实例。
1.ancestor后代选择器
它是指在给定的祖先元素下匹配所有子元素。作为参数,祖先表示任何有效选择器,而后代用于匹配元素选择器,它是第一选择器的后代。返回值是:数组。
2、父>子选择器
父>子选择器表示给定父元素下的所有子元素。这两个参数代表以下含义:父代表任何有效的选择器;子元素用于匹配元素选择器,它是选择器的第一个元素。返回值是数组。
3。沪指+下选择器
这类选择器的功能是匹配所有,其次是prev元素的下一个元素。这两个参数的含义如下:沪指代表任何有效的选择;其次是一个有效的选择,其次是第一选择,返回值是数组。
4.prev ~兄弟选择器
沪指~兄弟选择器代表所有的兄弟元素,prev元素匹配。两参数代表的含义如下:沪指代表任何有效的选择器;兄弟姐妹是一个选择器,它是第一选择的同伴,其返回值是数组。

举一个例子:uff1a
复制代码代码如下所示:



获取div中的标签内容是12
jQuery(# divtest )文本();
投资结果的直接输出节点
jQuery(# divtest >输入)瓦迩();
在同一级别的游戏元素之后,输出id
jQuery(#下+输入)瓦迩();
上面有一个标题,以及学习元素的结果。
jQuery(#下~ {标题})。瓦迩();
三。滤波器选择器
筛选选择器主要通过特定的过滤规则过滤出所需的DOM元素。过滤规则与CSS中的伪类选择器语法相同,即选择器以冒号开头。
过滤器选择器涉及更多的内容,总共有6种类型,但是可以分类。
1。基本过滤选择器
基本筛选器选择器是最常用的筛选器选择器之一,主要包括以下形式,详细说明。
(1):第一个/最后一个选择器。
(2):不是选择器。
(3)偶数和奇数选择器。
(4):均衡器:gt,LT,选择器。
(5)头选择器。
(6):动画选择器。
举一个例子:uff1a
复制代码代码如下所示:
投资
理财
成熟
承担

第一笔投资内容
jQuery();
/最后的内容效果
jQuery();
输入未选择的值会导致不学习。
瓦迩();
甚至是投资成熟度指数的结果
jQuery();
索引是金融游戏中LI结果的奇数。
jQuery();
用于播放的索引大于2个Li内容。
jQuery(:gt(2));
该指数小于1的投资内容。
jQuery(:LT(1));
2。内容过滤选择器
内容筛选器选择器主要包括:包含、空、已和父4个过滤器。这个过滤器是对上面介绍的基本过滤器选择器的补充,在页面选择和元素显示中起着重要的作用。
(1):包含选择器。
(2):空选择器。
(3):具有选择器。
(4)父选择器。

举一个例子:uff1a
复制代码代码如下所示:
HYIP投资
HYIP

理财
投资
包含锂网赚/网赚HYIP投资结果的内容
jQuery(李:包含('hyip ')文本());
内容为李财务内容后,内容是空的。
jQuery(空+ +);
包含一个标签内容,用于投资。
jQuery(有(a));
三.可见性过滤选择器
可见性筛选器选择器更简单,包含两个选择器,主要用于匹配所有可见和不可见的元素。
(1)隐藏选择器。
(2)可见选择器。

举一个例子:uff1a
复制代码代码如下所示:

所以
看不见的

不可见的李内容是不可见的。
jQuery(隐藏);
可见结果的内容是可见的。
jQuery();
4。属性过滤选择器
属性筛选器选择器用于匹配包含给定属性的元素,当然匹配不包含此属性的元素。属性筛选器选择器包含以下7个选择器。
(1){属性}选择器。
(2){属性值},{属性!值}选择器(这里有两种类型)。
(3){属性=值},{属性},{属性值}选择符(这里有三种类型)。
(4){ } { }选择器选择器selector2。
举一个例子:uff1a
复制代码代码如下所示:
/ /为hyipinvest值名称投资HYIP投资
警报(jQuery(输入{名称= 'hyipinvest})。瓦迩());
/ /网赚HYIP投资开始的名字
警报(jQuery(输入{姓名^ = 'hyip})。瓦迩());
在HYIP结束 / /名字的价值是投资网赚
警报(jQuery(输入{名称= 'hyip})。瓦迩());
/ /的名字包含面向对象的价值是HYIP
警报(jQuery(输入{姓名* = 'oo})。瓦迩());

5。子元素过滤选择器
HTML是由嵌套在一起的标记组成的。因为有些标签需要单独处理,如何选择一个或几个嵌套的标签是在program.jquery问题提供了一个的子元素过滤选择器来解决这个问题。它包括4个选择器,和具体内容将在下面详细解释。
(1):n个子选择器。
(2):第一个孩子:最后一个子选择器(两种类型)。
(3):独生子选择器。
6。表单对象属性筛选器选择器
这部分很简单。它只包含四种类型的选择器,用于匹配可用元素或未使用的元素并选择元素。
(1):启用的,禁用的选择器。
(2)选中的选择器。
(3):选定的选择器。
表单筛选器选择器是一个用于处理HTML表单的选择器,它不仅包括常用的按钮、文本字段、复选框、复选框等,还涉及很少使用的图片、隐藏字段、文件上传和其他标记。
(1)输入选择器。
(2):文本:密码选择器。
(3):无线电,复选框选择器。
(4):提交,图像:,重设,按钮,文件选择器。
(5)隐藏选择器。

这里总结了查询选择器,基本上是在学习的过程中,有些部分还没有总结。经过一段时间的实践,我相信您将能够熟练地使用jQuery选择器。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部