【JQUERY1.9学习笔记 之内容过滤器(二) 空元素选择器】的更多相关文章

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( ":last" ) 描述:选择与之匹配的最后元素. 例:选择表格的最后一行. <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>last demo</title> <style> </style> <script src=&…

JQUERY1.9学习笔记 之基本过滤器(四) 首元素选择器

首元素选择器:jQuery( ":first" ) <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>first demo</title> <style> td{ color:blue; font-weight:bold; } </style> <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学习笔记 之内容过滤器(四) 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学习笔记 之基本过滤器(二) 等于选择器

等于选择器 :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学习笔记 之基本过滤器(六) 页眉选择器

页眉选择器jQuery( ":header" ) 描述:选择页眉的所有标签,如 h1,h2, h3 等. <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>header demo</title> <style> </style> <script src=&…

JQUERY1.9学习笔记 之基本过滤器(十二) 根元素选择器

根元素选择器 描述:选择文档的根节点元素.jQuery( ":root" ) 例:显示文档根节点标签名. <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>root demo</title> <style> </style> <script src=&qu…