java学习--第50天讲到jquery

时间:2021-05-09 15:33:06

4月4日jquery讲完了。

jquery组合选择器

逗号隔开

层级选择器

父元素    子元素,直接子元素和间接子元素,空格隔开。

直接后代选择器:

父元素>子元素    选择的直接子元素

下一个兄弟元素:

$("#one+div"),用加号连接。

元素后面的所有兄弟元素:

$("#one~div")元素后面的所有兄弟,不包含之前的。

获取所有兄弟元素

$("#two").siblings("div");无论是之前还是之后,全部兄弟元素。

基本过滤器:

$("div:first");获取第一个div。

$("div:last");获取最后div;

$("div:not(#one)"排除指定id的元素。

$("div:not(.c02)")排除指定class的元素。

$("div:odd");索引号为奇数的元素。

$("div:even")索引号为偶数的元素。

$("div:eq(3)")索引号等于3的元素。

$("div:lt(3)")索引号小于3的元素。

$("div:gt(3)")索引号大于3的元素。

$(":header")所有标题元素。

内容过滤器:

$("div:contains('e')")包含指定内容的元素。

$("div:empty")选择空内容元素。

$("div:visible")可见元素。

$("div:hidden")不可见元素。

对jquery对象的for遍历:

可以使用普通for循环,jquery对象本身就是数组对象。

jquery的each函数

$obj.each(function(i,item){

});

jquery属性过滤器

$("div[title]")包含title属性的div。

$("div[title='test']")属性值为指定值的元素。

$("div[title^='te']")属性值以指定值开头的元素。

$("div[title$='st']")属性值以指定值结尾的元素。

$("div[title*='es']")包含指定值的元素。

通过组合属性选择元素。

$("div[title*='es'][id]")title包含‘es’,并且有id属性的元素。

子元素过滤器:

表单input框选择器:

jquery的动画效果

淡入、淡出。