下一个相邻选择器(“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"><…
下一个邻居选择器(“prev ~ siblings”) 描述:选择所有"prev"后的邻居选择器,他们有相同的父节点. 注意:prev + next 与 prev ~ siblings 的作用范围不一样,前者的作用范围 是与他直接相邻的元素,后者的范围是其后的所有邻居元素. <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8">…
子孙选择器(“祖先 子孙”) 描述:选择所有给出祖先选择器的子孙选择器. 例子: 用蓝色虚线边框标记所有表单子孙元素的输入.表单里的输入框用黄色背景. <!doctype html><html lang='zh'> <head> <meta charset='utf-8'> <title>descendant demo</title> <style type="text/css"> form{ bord…
子选择器(“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…
偶数选择器 jQuery( ":even" ) 例:查询偶数个表格的行. <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>even demo</title> <style> table{ background:#eee; } </style> <scri…
描述:选择至少包含一个元素,匹配指定的标签的标签.jQuery( ":has(selector)" ) 例:给所有的div添加一个类"test",在他们中有一个段落. <!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>has demo</title> <style…
jQuery("[attribute*='value']") 描述:选择所有与给定值匹配的属性值的标签. 例:找出所有name属性包含"man"的input标签并且值设置一些文本. <!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>attributeContains demo<…
描述:选择指定属性值的元素,或者是以字符串开始其后跟随“-”符号的. jQuery( "[attribute|='value']" ) 例:查找出所有语言属性为en的链接. <!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>attributeContainsPrefix demo</title&…
Java虚拟机内存溢出异常--<深入理解Java虚拟机>学习笔记及个人理解(三) 书上P39 1. 堆内存溢出 不断地创建对象, 而且保证创建的这些对象不会被回收即可(让GC Root可达). /** * 堆内存溢出demo * VM Options: -Xms6m -Xmx6m */ public class HeapOOM { static class OOMObejct { } public static void main(String[] args) { List<OOMObe…
目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQuery学习笔记的专题,对jQuery的知识做一个总结,并给出部分Demo来练习,使其能够掌握jQuery的基本技能. 今天所写的内容是关于jQuery选择器. 在学习jQuery选择器之前,有必要先了解一下css选择器,首先要明确一个新手容易混淆的概念:css选择器与jQuery选择器是两个不同的概念…