【JQUERY1.9学习笔记 之属性选择器(一) 前缀选择器】的更多相关文章

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

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

大于选择器: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…

JQUERY1.9学习笔记 之基本过滤器(三)偶数选择器

偶数选择器 jQuery( ":even" ) 例:查询偶数个表格的行. <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>even demo</title> <style> table{ background:#eee; } </style> <scri…

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学习笔记 之基本过滤器(一) 动态选择器

动态选择器:animated Selector 描述:当选择器运行时,选择动态进程中的所有元素.(对动态进程起作用) jQuery( ":animated" ) 注释::animated是jquery的一个扩展 <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>next siblings demo…