本文实例讲述了jQuery中removeClass()方法用法。分享给大家供大家参考。具体分析如下： 此方法从匹配元素删除一个或多个类。 根据方法参数的不同，有以下几种语法结构。 语法结构一: 方法没有参数。把匹配元素所有的类都移除。代码如下:$(selector).removeClass() 实例代码: 代码可以将div的所有css类删除。代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta ...
本文实例讲述了jQuery中prop()方法用法。分享给大家供大家参考。具体分析如下： 此方法可以获取或者设置匹配元素的属性值。 根据方法参数的不同，作用也有所不同。 语法结构一: 当参数为属性名称时，此方法能够匹配元素集合中，第一个匹配元素指定属性名称的属性值。代码如下:$("selector").prop(name) 参数列表:参数描述name定义要获取其值的属性名称。 实例代码: 实例一:代码如下: <!DOCTYPE html> <html> <head> <meta charset=...
本文实例讲述了jQuery中[attribute!=value]选择器用法。分享给大家供大家参考。具体分析如下： 此选择器匹配所有不含有指定的属性，或者属性不等于特定值的元素。 此选择器等价于:not[([attr=value])。 要匹配含有特定属性但不等于特定值的元素，请使用[attr]:not([attr=value]) 语法结构:代码如下:$("[attribute!=value]") 参数列表:参数描述attribute定义要查找的属性。value定义要超找的值。引号在大多数情况下是可选的。但在遇...
本文实例讲述了jQuery中eq()方法用法。分享给大家供大家参考。具体分析如下： 此方法能够获取匹配元素集上的相应位置索引的元素。 匹配元素集上元素的位置索引是从0开始的。 语法结构:代码如下:$(selector).eq(index) 参数列表:参数描述index定义元素在元素集中的索引，从零开始的。如果是负数则从最后一个元素往回计数。越界无效。 实例代码: 实例一:代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta name...
本文实例讲述了jQuery中removeProp()方法用法。分享给大家供大家参考。具体分析如下： 此方法可以删除由prop()方法设置的属性。 语法:代码如下:$("selector").removeProp(name) 参数列表:参数描述name定义要要删除的属性名称。 实例: 实例一:代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> ...
本文实例讲述了jQuery中[attribute^=value]选择器用法。分享给大家供大家参考。具体分析如下： 此选择器能够选取属性值是以某些值开始的元素。 语法结构:代码如下:$("[attribute^=value]") 参数列表:参数描述attribute属性名称。value元素数属性开始的值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。 实例代码: 实例一:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name...
本文实例讲述了jQuery中[attribute=value]选择器用法。分享给大家供大家参考。具体分析如下： 此选择器能够匹配带有给定属性和属性值的元素。 语法结构:代码如下:$("[attribute=value]") 参数列表: 参数描述attribute定义要查找的属性名称。value定义要超找的属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。 实例代码: 实例一:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8">...
本文实例讲述了jQuery中[attribute*=value]选择器用法。分享给大家供大家参考。具体分析如下： 此选择器能够匹配给定的属性包含某些值的元素。 语法结构:代码如下:$("[attribute*=value]") 参数列表:参数描述attribute定义要查找的属性。value定义要查找的值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。 实例代码: 实例一:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta ...
本文实例讲述了jQuery中复合属性选择器用法。分享给大家供大家参考。具体分析如下： 此选择器能够匹配同时满足多个属性条件的元素。 语法结构:代码如下:[selector1][selector2][selectorN] 参数列表:参数描述selector1属性选择器。selector2另一个属性选择器，用以进一步缩小范围。selectorN任意多个属性选择器,也是用来缩小范围。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author"...
本文实例讲述了jQuery中:nth-child选择器用法。分享给大家供大家参考。具体分析如下： 此选择器匹配其父元素下的第N个子或奇偶元素。 :eq(index)选择器只匹配一个元素，而:nth-child选择器将为每一个父元素匹配子元素。 :nth-child从1开始的，而:eq()是从0开始。 语法结构:代码如下:$(":nth-child") 此选择器一般也要和其他选择器配合使用，比如类选择器、元素选择器等等。例如:代码如下:$("li:nth-child(2)").css("color","blue")...
本文实例讲述了jQuery中:first-child选择器用法。分享给大家供大家参考。具体分析如下： 此选择器能够匹配父元素的第一个子元素。 语法结构:代码如下:$(":first-child") 此选择器一般也要和其他选择器配合使用，比如类选择器、元素选择器等等。例如:代码如下:$("ul li:first-child").css("color","blue") 以上代码能够将父元素下的第一个li元素中的字体颜色设置为蓝色。 注意:这里有必要结合上面的代码再对概念进行一下说明。这里所...
本文实例讲述了jQuery中:last-child选择器用法。分享给大家供大家参考。具体分析如下： 此选择器能够匹配父元素的最后一个子元素。 注意:last只选取一个元素，而此选择符将匹配每个父元素的最后一个子元素。 语法结构:代码如下:$(":last-child") 此选择器一般也要和其他选择器配合使用，比如类选择器、元素选择器等等。例如:代码如下:$("li:last-child").css("color","blue") 以上代码能够将父元素下最后一个li元素中的字体颜色设置...
本文实例讲述了jQuery中contains选择器用法。分享给大家供大家参考。具体分析如下： 此选择器匹配包含给定文本的元素。 语法:代码如下:$(":contains(text)") 此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等。例如:代码如下:$("li:contains(html)").css("color","blue") 以上代码将文本中包含"html"的li元素中的字体颜色设置为蓝色。 如果不和其他选择器配合使用，则默认状态是和*选择器配合使用，例如$(":co...
本文实例讲述了jQuery中empty选择器用法。分享给大家供大家参考。具体分析如下： 此选择器匹配所有不包含子元素或者文本的空元素。 注意:空格也属于选择器包含的元素。 语法结构:代码如下:$(":empty") 此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等。例如:代码如下:$("li:empty").animate({width:"200px"}) 以上代码能够将li元素集合中的空li元素的宽度以自定义动画的方式设置为200px。 实例代码: 实例一:代...
本文实例讲述了jQuery中has选择器用法。分享给大家供大家参考。具体分析如下： 此选择器匹配含有选择器所匹配的元素的元素。 语法结构:代码如下:$(":has(selector)") 关于此选择器的定义可能有点拗口，通俗的讲就是如果一个元素含有selector(选择器)所匹配的元素，那么此元素将被匹配。例如:代码如下:$("div:has(p)") 以上选择器将匹配含有p元素的div元素。 此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等。...