语言选择器 jQuery( ":lang(language)" ) 描述:选择所有用特定语言指定的标签. 根据标签指定语言的不同给标签上色. <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>header demo</title> <style> body { backgr…
描述:选择所有可见的元素. 例:点击时让所有的可见的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…
描述:选择所有隐藏的元素. jQuery( ":hidden" ) 例:显示出所有隐藏的div元素,并对隐藏的input元素计数. <!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>hidden demo</title> <style> div{ width:70px; hei…
描述:选择至少包含一个子节点的元素(一个标签或是文本). 例:找出所有有子元素的td标签,包含文本. <!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>parent demo</title> <style> td{ width:40px; background:green; } </styl…
描述:选择至少包含一个元素,匹配指定的标签的标签.jQuery( ":has(selector)" ) 例:给所有的div添加一个类"test",在他们中有一个段落. <!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>has demo</title> <style…
描述:选择包含指定文本的所有元素.jQuery( ":contains(text)" ) text:一串大小写敏感的文本. 例:找出所有包含"john"的div元素,并把他们标上下划线.(区分大小写) <!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>contains demo&l…
奇数选择器jQuery( ":odd" ) 例:匹配表格的奇数行. <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>odd demo</title> <style> table { background: #f3f7f5; } </style> <scr…
非选择器jQuery( ":not(selector)" ) 例:找出所有input标签为非"checked"的,并且高亮其邻居元素span. <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>not demo</title> <style> <…
小于选择器 jQuery( ":lt(index)" ) jQuery( ":lt(-index)" ) 描述:选择所有小于指定下标的元素. <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>lt demo</title> <style> </st…
大于选择器:jQuery( ":gt(index)" )jQuery( ":gt(-index)" ) 例:大于TD5 到TD8 用黄色背景,TD8用红色文字. <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>gt demo</title> <style&g…