JQuery基础

注释："//"单行注释，"/* */"多行注释

$与$()

　　$：JQuery对象的缩写

　　$():返回JQuery对象

this：表示的是javascript提供的当前对象，对象可以直接用this.style修改样式
$(this)：表示的是用jquery封装候的当前对象，可以使用jquery提供的方法访问样式

连缀：JQuery的方法返回的JQuery对象可以作为其他方法的对象

$(document).ready()与window.onload()

获取DOM元素

　　JS：document.getElementById(‘box‘):获取ID为box的元素

　　JQ：(‘#box‘).get(0)：获取ID为box的元素；(‘.box‘).get(0)：获取Class为box的元素的第一个

多库操作

　　当程序需要多库时，缩写"$"属于最后一次包含的库；JQuery不使用"$"表示，而是用JQuery；可使用JQuery.noConflict()释放JQuery对"$"的所有权

常规选择器：模拟CSS语法，对DOM的标签名、属性名、状态等进行快速准确选择

　　简单选择器

　　　　ID选择器：最快的选择器，获取id名作为对象

　　　　元素名选择器：获取元素名作为对象

　　　　类选择器：获取Class名作为对象

　　进阶选择器

　　　　群组选择器：多个选择器公用相同样式，选择器间用","隔开，

　　　　后代选择器：选择器之间存在辈分关系，父选择器与后代选择器之间用空格隔开

　　　　　　用find()方法，可以选择指定的后代。相对运行较快的一种写法

　　　　通配选择器："*"，表示所有选择器

　　　　可在class选择器和id选择器前添加前缀，前缀是元素名或class名，表示选择包含该元素或class及class或id

　　　　各选择器可交互使用，给JQuery带来便利

　　高级选择器

　　　　子选择器：父节点与子节点间用">"连接，对子节点有效果，也可用children()方法连接

　　　　next选择器：同一等级的两节点间用"+"连接，下个节点有效果

　　　　nextAll选择器：同一节点的两个节点用"~"连接，下面的所有同名同级节点都有效果

　　　　　　也可用next()方法连接，下一个节点有效果；用nextAll()方法连接，下面的所有同名同级节点都有效果

　　　　　　用prev()方法连接，上一个节点有效果；用prevAll()方法连接，上面的所有同名同级节点有效果

　　　　　　用siblings()方法连接，上下的同名同级节点都有效果

　　　　　　用nextUntil()方法连接，同级下遇到指定节点就停止效果；用prevUntil()方法连接，同级上遇到指定节点就停止效果

　　　　属性选择器：

　　　　　　selector[property]，选定该元素并包含该属性的

　　　　　　selector[property=value]，选定该元素并属性值为value的

　　　　　　selector[property^=value]，选定该元素并属性值以value开头的

　　　　　　selector[property$=value]，选定该元素并属性值以value结尾的

　　　　　　selector[property!=value]，选定该元素并属性值不是value的　

　　　　　　selector[property*=value]，选定该元素并属性值包含value的

　　　　　　selector[property$=value]，选定该元素并属性值以value结尾的

　　　　　　selector[property1=value1][property2=value2]...，多属性选择器

　　可用length和size()得到选择器的个数

　　理论上来说，next()、perv()等方法比高级选择器快。

过滤选择器：通过特定的过滤规则来筛选所需的DOM元素,以":"开头

　　基本过滤器：

　　　　:first：选取页面的第一个元素

　　　　　　可用first()方法

　　　　:last：选取页面的最后一个元素

　　　　　　可用last()方法

　　　　:not(selector)：选取不是指定的选择器的元素

　　　　　　可用not()方法

　　　　:even：所有偶数的元素

　　　　:add：所有奇数的元素

　　　　:eq(index)：选取等于指定下标的元素

　　　　　　可用eq()方法

　　　　:gt(index)：选取大于指定下标的元素

　　　　:lt(index)：选取小于指定下标的元素

　　　　:header：选取标题元素，h1~h6

　　　　:facus：选取被焦点的元素

　　内容过滤器：

　　　　:contain(text)：选取含有指定文本的元素

　　　　:empty：选取不包含子元素或空文本的元素

　　　　:has(selector)：选取包含指定选择器的元素

　　　　　　可用has()方法

　　　　:parent：选取包含子元素或文本的元素

　　　　　　parent()：获取元素的父元素

　　　　　　parents()：获取元素的祖先节点

　　　　　　parentsUntil()：获取指定祖先元素之前的元素

　　可见性过滤器：CSS样式为display:none、表单类型为type=‘hidden‘和visibility:hidden的元素

　　　　:hidden：选取所有不可见的元素

　　　　:visible：选取所有可见的元素

　　子元素选择器：

　　　　:first-child：选取所有父元素的第一个子元素

　　　　:last-child：选取所有父元素的最后一个子元素

　　　　:only-child：选取只有一个子元素的元素

　　　　:nth-child(even|odd|index|xn+m)：选取自定义位置的子元素，下标以1开始；even为偶数，odd为奇数，index为自定义位置，xn+m代表x倍+m的位置

　　　　is()：根据选择器、元素或 jQuery 对象来检测匹配元素集合，如果这些元素中至少有一个元素匹配给定的参数，则返回 true。

　　　　hasClass("class")：判断元素中是否具有该class

　　　　slice()：把匹配元素集合缩减为指定的指数范围的子集。

　　　　end()：获取当前元素的前一次状态

　　　　contents()：获取某元素下面所有元素节点数量（包括文本）

　　　　filter()：将多个选择器组合，达到精确选取效果