java学习--第50天讲到jquery

    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的动画效果

淡入、淡出。