仁者爱人

今日努力学习,是为了明日衣食无忧.

导航

随笔分类 -  Jquery学习笔记

1 2 下一页

JQUERY1.9学习笔记 之属性选择器(二) 包含选择器
摘要:jQuery("[attribute*='value']")描述:选择所有与给定值匹配的属性值的标签。例:找出所有name属性包含"man"的input标签并且值设置一些文本。 attributeContains demo 阅读全文

posted @ 2014-02-06 10:50 semcoding 阅读(222) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之属性选择器(一) 前缀选择器
摘要:描述:选择指定属性值的元素,或者是以字符串开始其后跟随“-”符号的。jQuery( "[attribute|='value']" )例:查找出所有语言属性为en的链接。 attributeContainsPrefix demo Some text Some other text will not be outlined 阅读全文

posted @ 2014-02-06 10:29 semcoding 阅读(1177) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之可见性过滤器(二) 可见选择器
摘要:描述:选择所有可见的元素。例:点击时让所有的可见的div元素变黄。 visible demo Show hidden to se they don't change 阅读全文

posted @ 2014-02-03 22:27 semcoding 阅读(214) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之可见性过滤器(一) 隐藏选择器
摘要:描述:选择所有隐藏的元素。jQuery( ":hidden" )例:显示出所有隐藏的div元素,并对隐藏的input元素计数。 hidden demo Hider! Hider! 阅读全文

posted @ 2014-02-03 22:15 semcoding 阅读(360) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之内容过滤器(四) parent选择器
摘要:描述:选择至少包含一个子节点的元素(一个标签或是文本)。例:找出所有有子元素的td标签,包含文本。 parent demo Value 1 Value 2 阅读全文

posted @ 2014-02-03 19:54 semcoding 阅读(277) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之内容过滤器(三) has选择器
摘要:描述:选择至少包含一个元素,匹配指定的标签的标签。jQuery( ":has(selector)" )例:给所有的div添加一个类"test",在他们中有一个段落。 has demo Hello in a paragraph Hello again!(with no paragraph) 阅读全文

posted @ 2014-02-03 19:37 semcoding 阅读(252) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之内容过滤器(二) 空元素选择器
摘要:描述:选择没有子元素(包括文本节点)的标签。jQuery(":empty")与:parent相反。例:找出所有为空的元素。(他们没有子元素或文本元素)。 empty demo TD #0 TD #2 TD #5 阅读全文

posted @ 2014-02-03 15:50 semcoding 阅读(342) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之内容过滤器(一) 包含选择器
摘要:描述:选择包含指定文本的所有元素。jQuery( ":contains(text)" )text:一串大小写敏感的文本。例:找出所有包含"john"的div元素,并把他们标上下划线。(区分大小写) contains demo John Resig George Martin Malcom John Sinclair J. Ohn 阅读全文

posted @ 2014-02-03 15:38 semcoding 阅读(194) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之基本过滤器(十二) 根元素选择器
摘要:根元素选择器描述:选择文档的根节点元素。jQuery( ":root" )例:显示文档根节点标签名。 root demo The root of this document is: 阅读全文

posted @ 2014-01-16 17:36 semcoding 阅读(313) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之基本过滤器(十一) 奇数选择器
摘要:奇数选择器jQuery( ":odd" )例:匹配表格的奇数行。 odd demo Row with Index #0 Row with Index #1 Row with Index #2 Row with Index #3 阅读全文

posted @ 2014-01-16 17:27 semcoding 阅读(235) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之基本过滤器(十) 非选择器
摘要:非选择器jQuery( ":not(selector)" )例:找出所有input标签为非"checked"的,并且高亮其邻居元素span。 not demo Mary lcm Peter 阅读全文

posted @ 2014-01-16 17:21 semcoding 阅读(182) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之基本过滤器(九) 小于选择器
摘要:小于选择器jQuery( ":lt(index)" )jQuery( ":lt(-index)" )描述:选择所有小于指定下标的元素。 lt demo TD #0TD #1TD #2 TD #3TD #4TD #5 TD #6TD #7TD #8 阅读全文

posted @ 2014-01-16 17:03 semcoding 阅读(239) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之基本过滤器(八) 最后元素选择器
摘要:最后元素选择器jQuery( ":last" )描述:选择与之匹配的最后元素。例:选择表格的最后一行。 last demo First Row Middle Row Last Row 阅读全文

posted @ 2014-01-16 16:55 semcoding 阅读(222) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之基本过滤器(七) 语言选择器
摘要:语言选择器jQuery( ":lang(language)" )描述:选择所有用特定语言指定的标签。根据标签指定语言的不同给标签上色。 header demo USA red white and blue Espana rojo amarillo y rojo 阅读全文

posted @ 2014-01-14 22:05 semcoding 阅读(156) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之基本过滤器(六) 页眉选择器
摘要:页眉选择器jQuery( ":header" )描述:选择页眉的所有标签,如 h1,h2, h3 等。 header demo Header 1 Contents 1 Header 2 Contents 2 阅读全文

posted @ 2014-01-14 21:16 semcoding 阅读(166) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之基本过滤器(五) 大于选择器
摘要:大于选择器:jQuery( ":gt(index)" )jQuery( ":gt(-index)" )例:大于TD5 到TD8 用黄色背景,TD8用红色文字。 gt demo TD #0TD #1TD #2 TD #3TD #4TD #5 TD #6TD #7TD #8 阅读全文

posted @ 2014-01-14 17:54 semcoding 阅读(281) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之基本过滤器(四) 首元素选择器
摘要:首元素选择器:jQuery( ":first" ) first demo Row 1 Row 2 Row 3 阅读全文

posted @ 2014-01-14 17:43 semcoding 阅读(176) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之基本过滤器(三)偶数选择器
摘要:偶数选择器 jQuery( ":even" )例:查询偶数个表格的行。 even demo Row with Index #0 Row with Index #1 Row with Index #2 Row with Index #3 阅读全文

posted @ 2014-01-14 17:15 semcoding 阅读(282) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之基本过滤器(二) 等于选择器
摘要:等于选择器 :eq()描述:选择与设定下标匹配的元素。jQuery( ":eq(index)" )jQuery( ":eq(-index)" ) find the third td TD #0TD #1TD #2 TD #3TD #4TD #5 TD #6TD #7TD #8 例子:用三个不同的样式去证明:eq()是为选择单元素而设计的,然而,:nth-child()或:eq()在一个循环结构中,如.each()就能选择多个元素。 eq demo List 1, item 1 ... 阅读全文

posted @ 2014-01-14 17:06 semcoding 阅读(173) 评论(0) 推荐(0)

JQUERY1.9学习笔记 之基本过滤器(一) 动态选择器
摘要:动态选择器:animated Selector描述:当选择器运行时,选择动态进程中的所有元素。(对动态进程起作用)jQuery( ":animated" )注释::animated是jquery的一个扩展 next siblings demo Run 阅读全文

posted @ 2014-01-13 21:06 semcoding 阅读(232) 评论(0) 推荐(0)

1 2 下一页