jquery里面的选择器

在web开发中,jquery是非常常用的js库之一。在jquery中,选择器是一个非常重要的概念,用于在文档中查找或匹配元素。以下是jquery中常用的几个选择器:

$(document).ready(function(){//选取id为test的元素$("#test").click(function(){alert("Hello world!");});});

上述代码中,$()函数将返回一个由jquery对象包装的DOM元素。其中#表示选取id属性符合条件的元素,test即为id的值。当点击id为test的元素时,弹出“Hello world!”的提示框。

$(document).ready(function(){//选取类名为test的元素$("p.test").click(function(){$(this).hide();});});

上例代码中的p.test可以理解为“选取class属性为test且为p元素的元素”。当点击此元素时,隐藏该元素。

$(document).ready(function(){//选取所有p元素$("p").click(function(){$(this).css("color","red");});});

上述代码中的p表示选取所有p元素。当点击此元素时,改变字体颜色为红色。

以上是jquery中的三种常见的选择器。需要注意的是,选择器不仅仅可以在jquery中使用,在css,html等领域中也有着广泛的应用。因此,深入学习选择器是非常有意义的。

jquery里面的选择器