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>
免责声明:内容仅供参考,不保证正确性!