jQuery元素选择器

元素选择器

jQuery的元素选择器,就是通过HTML中的元素的名称来匹配选择该元素的,类似于JavaScript中的getElementsByTagName()操作DOM元素的方法,不同的是,在jQuery中,其语法十分简单,如下:

$('elementName')

提示:该语法只是选择了该元素,并未对其进行相关的操作。

提示:jQuery的元素选择器选择匹配到的会是一个该类型元素的集合,即便当前的HTML文档中只有一个该类型的元素,就像JS中的getElements...方法中的Elements为复数。

jQuery元素选择器实例代码,及在线编辑器

为了不干扰当前页面中其它元素,下面的实例中的jQuery元素选择器匹配选择到了一个b元素,并将为其设置CSS属性,如果现在不理解jQuery添加CSS属性的方法也没关系,以后的章节中就会有详细的介绍,这里只要了解一下即可,关键在于理解元素选择器:

<p>这是段落,<b>这是段落中的b元素定义的内容</b>,下面将通过jQuery元素选择器选择b元素,并设置字体颜色为绿色。</p>

<script>
   $("b").css("color","green");
</script>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / jQuery教程 :






Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.