jQuery选择器
jQuery选择器是jQuery库中最重要的元素。
我们在jQuery中所做的主要任务是选择DOM元素并操纵这些元素以执行预期的操作。
jQuery选择器
jQuery选择器使我们可以搜索和控制HTML元素。
我们可以通过三种方式做到这一点。
jQuery按标签名选择语法:$('html_tag_name')这将选择所有带有标签名HTML元素。
例如,$('p')将选择DOM中的所有段落。
进一步阅读:jQuery按名称选择。jQuery通过IDSyntax选择:
$("#ID_of_Element")
这将从DOM中选择一个具有此ID的元素。
例如,如果DOM中有一个元素,例如<div id ='text'>这是文本</div>。
我们可以通过按其ID选择元素来隐藏,显示,切换或者对文本进行任何操作'文字"为$("#text")。
更多详细信息在jQuery按ID选择。jQuery按类别选择
语法:$(".classname")"这将选择DOM中具有指定类名的所有元素。
选择元素后,我们将完全控制该组件,并且可以按照我们希望的方式对其进行操作建立网页。
请参阅jQuery按类选择更多内容。
jQuery选择器语法
jQuery选择器始终以$开头。
jQuery()是$()的同义词。
如果美元符号与任何其他JavaScript函数冲突,则可以使用jQuery()函数。
所有提到的选择器可以单独使用,也可以与其他选择器组合使用。
jQuery选择器示例
让我们看一下jQuery选择器的一些常用用法。
$(" *"):此jQuery选择器选择HTML文档中的所有元素。
$(this):此选择器选择当前HTML元素。
$(" li:not(.myclass)"):此选择器选择所有不具有class =" myclass"的<li>元素。
$(" p:first"):此选择器选择文档中的第一个<p>元素。
$(" ul li:first"):此选择器选择第一个<ul>的第一个<li>元素
$(" ul li:first-child"):此选择器选择每个<ul>中的第一个<li>元素
$(" [href]"):这个jQuery选择器选择所有带有href属性的元素
$(" a [target ='_ blank']"):此选择器选择目标属性值等于" _blank"的所有<a>元素
$(" a [target!=’_ blank"]"):此选择器选择目标属性值不等于" _blank"的所有<a>元素
$(":button"):此选择器选择所有类型为" button"的<button>元素和<input>元素
$(" tr:even"):此选择器选择所有偶数<tr>元素
$(" tr:odd"):此选择器选择所有奇数<tr>元素
jQuery选择器是jQuery库中的强大机制。
这样可以更轻松地按我们希望的方式处理所有元素。