【jquery1.9学习笔记 之层级选择器(一)】的更多相关文章

JQUERY1.9学习笔记 之层级选择器(四)

下一个邻居选择器(“prev ~ siblings”) 描述:选择所有"prev"后的邻居选择器,他们有相同的父节点. 注意:prev + next 与 prev ~ siblings 的作用范围不一样,前者的作用范围 是与他直接相邻的元素,后者的范围是其后的所有邻居元素. <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8">…

jquery1.9学习笔记 之层级选择器(三)

下一个相邻选择器(“prev + next”) 描述:选择所有给出祖先选择器的子孙选择器. 例子: <!doctype html> <html lang='zh'> <head> <meta charset='utf-8'> <title>next adjacent demo</title> <script src="http://code.jquery.com/jquery-1.9.1.js"><…

jquery1.9学习笔记 之层级选择器(二)

子孙选择器(“祖先 子孙”) 描述:选择所有给出祖先选择器的子孙选择器. 例子: 用蓝色虚线边框标记所有表单子孙元素的输入.表单里的输入框用黄色背景. <!doctype html><html lang='zh'> <head> <meta charset='utf-8'> <title>descendant demo</title> <style type="text/css"> form{ bord…

jquery1.9学习笔记 之层级选择器(一)

子选择器(“parent > child”) 描述:选择所有父元素的直系子元素. 例子: <!doctype html> <html lang='zh'> <head> <meta charset='utf-8'> <title>child demo</title> <style type="text/css"> body{ font-size: 14px; } </style> &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&…

jQuery学习笔记(一)jQuery选择器

目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQuery学习笔记的专题,对jQuery的知识做一个总结,并给出部分Demo来练习,使其能够掌握jQuery的基本技能. 今天所写的内容是关于jQuery选择器. 在学习jQuery选择器之前,有必要先了解一下css选择器,首先要明确一个新手容易混淆的概念:css选择器与jQuery选择器是两个不同的概念…

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

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

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> <…