关于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（），改变透明度从可见到隐藏。