jquery学习2:选择器

昌山
2023-12-01

1、jQuery选择器

完全继承了css风格。

$(".demo").click(function(){
    alert("hello");
})

jquery获取的永远是对象,所以判断是否存在是要用:

if($("#tt").length > 0) {
    do sonething
}

2、过滤选择器

1)基本过滤选择器

:first选择第一个元素的。

2)内容过滤选择器
3)属性过滤选择器

[attribute]选取拥有此属性的元素。

4)子元素过滤选择器
5)表单对象属性过滤选择器
6)表单选择器

3、选择器的注意事项

1)含有特殊字符

使用转义符

$("#id\\#b");
2)属性选择器的@符号问题

1.3.1版本以上不需要加@符号

加@这么写:

$("div[@title="test"]");
3)选择器带有空格的注意
$(".test :hidden")//选取class为test的元素里面的隐藏元素
$(".test:hidden")//选取隐藏的class为test的元素

4、其他选择器

1)MoreSelectors for jQuery:jQuery插件,增加更多选择器,比如.color可以匹配颜色。

2)Basic XPath:让用户可以使用基本的XPath

 类似资料: