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

JQUERY1.9学习笔记 之属性选择器(二) 包含选择器

jQuery("[attribute*='value']") 描述:选择所有与给定值匹配的属性值的标签. 例:找出所有name属性包含"man"的input标签并且值设置一些文本. <!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>attributeContains demo<…

JQUERY1.9学习笔记 之属性选择器(一) 前缀选择器

描述:选择指定属性值的元素,或者是以字符串开始其后跟随“-”符号的. jQuery( "[attribute|='value']" ) 例:查找出所有语言属性为en的链接. <!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>attributeContainsPrefix demo</title&…

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( ":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…

JQUERY1.9学习笔记 之基本过滤器(七) 语言选择器

语言选择器 jQuery( ":lang(language)" ) 描述:选择所有用特定语言指定的标签. 根据标签指定语言的不同给标签上色. <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>header demo</title> <style> body { backgr…