【JQUERY1.9学习笔记 之基本过滤器(二) 等于选择器】的更多相关文章

JQUERY1.9学习笔记 之基本过滤器(二) 等于选择器

等于选择器 :eq() 描述:选择与设定下标匹配的元素.jQuery( ":eq(index)" )jQuery( ":eq(-index)" ) <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>find the third td</title> <scri…

JQUERY1.9学习笔记 之可见性过滤器(二) 可见选择器

描述:选择所有可见的元素. 例:点击时让所有的可见的div元素变黄. <!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>visible demo</title> <style> div{ width:50px; height:40px; margin:5px; border:3px outset…

JQUERY1.9学习笔记 之内容过滤器(二) 空元素选择器

描述:选择没有子元素(包括文本节点)的标签. jQuery(":empty") 与:parent相反. 例:找出所有为空的元素.(他们没有子元素或文本元素). <!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>empty demo</title> <style> td{text…

JQUERY1.9学习笔记 之可见性过滤器(一) 隐藏选择器

描述:选择所有隐藏的元素. jQuery( ":hidden" ) 例:显示出所有隐藏的div元素,并对隐藏的input元素计数. <!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>hidden demo</title> <style> div{ width:70px; hei…

JQUERY1.9学习笔记 之内容过滤器(四) parent选择器

描述:选择至少包含一个子节点的元素(一个标签或是文本). 例:找出所有有子元素的td标签,包含文本. <!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>parent demo</title> <style> td{ width:40px; background:green; } </styl…

JQUERY1.9学习笔记 之内容过滤器(三) has选择器

描述:选择至少包含一个元素,匹配指定的标签的标签.jQuery( ":has(selector)" ) 例:给所有的div添加一个类"test",在他们中有一个段落. <!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>has demo</title> <style…

JQUERY1.9学习笔记 之内容过滤器(一) 包含选择器

描述:选择包含指定文本的所有元素.jQuery( ":contains(text)" ) text:一串大小写敏感的文本. 例:找出所有包含"john"的div元素,并把他们标上下划线.(区分大小写) <!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>contains demo&l…

JQUERY1.9学习笔记 之基本过滤器(十一) 奇数选择器

奇数选择器jQuery( ":odd" ) 例:匹配表格的奇数行. <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>odd demo</title> <style> table { background: #f3f7f5; } </style> <scr…

JQUERY1.9学习笔记 之基本过滤器(十) 非选择器

非选择器jQuery( ":not(selector)" ) 例:找出所有input标签为非"checked"的,并且高亮其邻居元素span. <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>not demo</title> <style> <…

JQUERY1.9学习笔记 之基本过滤器(九) 小于选择器

小于选择器 jQuery( ":lt(index)" ) jQuery( ":lt(-index)" ) 描述:选择所有小于指定下标的元素. <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>lt demo</title> <style> </st…