关于JQ的学习小结

jQuery。
核心函数$（）。

（选择器）.方法名（）；获取页面中的DOM元素，将其转化为jQuery对象。当页面载入完成时，jq写法（function(）{});区别是window.onload是指页面内容也载入完成，而jq中是指页面的标签载入完成，内容不需要完成。

一.语法特点：
1.读取和设置使用同一个方法
$$（’input’）.val（）；获取第一个input标签的value；
$（’input’）.val（”“）；设置input标签的value；
2.链式操作
$（’input’）.val（”“）.css（”,”）.css（”,”）
支持json写法$（’input’）.html（”“）.css（{
“color”：”#eee”,”“：”font-size”:”20px”
}）。
jq设置属性时具有隐式迭代；而获取时默认获取第一个。这时候就用到了each方法。each就相当于for循环。

obj.each（function(){}）。也可用工具函数each。obj必须是jq对象。
$.each（对象，function(index，item){}）。这个对象可为dom对象也可为jq对象。index是这些对象集合的索引，item就是这些对象。

二.选择器
1.基本选择器
$(“.calss”)获取class为class的元素，集合元素。

$（”#id”）获取id为的元素，单个元素。

$（”input”）获取所有input标签，集合元素。

2.过滤选择器
和css3新增差不多。
:first
:last
:not；反着选
:eq()；指定选哪个。索引从0开始
:gt();大于某个索引的所有元素
:lt();小于某个索引的所有元素
:even（）,偶数索引
:odd（）,奇数索引
:header（）,选取所有h标签

3.内容过滤选择器
:contains（）;含有特定text文本的元素
:has（）；某个元素内含有特定元素的元素
:empty（）;空的元素，他内部没有文本和标签
:parent（）；选取的元素含有文本或子元素

4.属性过滤选择器
$（”[name]”）选到所有具有name属性的元素，用法和css3新增的属性选择器基本一致，不写了。

5.子元素过滤选择器
写一个nth-child（）它的索引从1开始，里面也可以写even，odd这时候索引也是从1开始。

6.表单选择器
：input；获取所有input标签，包括textarea，select，button标签
：input属性名；获取对应属性的所有input标签。

3.事件
$（”“）.click（function(){}）获取标签后添加事件，有click()，mouseover()等等。
绑定事件bind（），也是获取标签后绑定事件。
不过它支持json写法，也就是绑定多个事件。
解除事件unbind（）

4.jqDOM操作
添加样式.addClass（）。
移除样式.removeClass（）。
添加元素，直接创建元素再添加。 var li = $(“< li id=’programming’>编程< /li>”)
append（）；appendTo（）。主谓关系，一回事。放后面
prepend（）；prependTo（）。放后面
after（）；也是放后面但他是平级插入。pend都是父级后面加或前面加。
before（）；放前面。
remove（）；移除所有。
empty（）;清空，节点还在。
clone（）;复制内容样式节点。
clone（true）;将事件也复制了。
.prop（）;设置属性，一般设置的是这个标签在规定中就有的属性。
.attr（）;也是设置属性，一般设置的是这个标签在规定中没有的属性。
filter（）；过滤的是他本身。
find（）;find是在某个标签里面去找。
has（）；某个标签是否有啥。
eq（）;获取特定的索引的元素，与get（）区别是，get获取的是js对象
eq必须是jq对象。
slice（）；和字符串数组的类似。找到[）的元素集合。

4.动画
hide（）;隐藏，里面跟时间或者slow，normal，fast
show（）;显示，里面跟时间或者slow，normal，fast。
可以加函数hide（2000，function(){｝)。
sideUp（）上卷
sideIn（），下拉
fideIn（），改变透明度从隐藏到可见
fideOut（），改变透明度从可见到隐藏。