jQuery的优点:



1轻

2强大的选择器

3卓越的DOM操作封装

4可靠的事件处理机制

5完善Ajax

6顶部变量无污染

7优秀的浏览器兼容性

8连锁经营模式

9隐式迭代

10种行为与结构层的分离

11丰富的插件支持

12完善的文档

13开放源码





$(# foo)和jQuery(# foo)是等价的

美元。Ajax和jquery.ajax是$符号的等效是jQuery的缩写形式

/ /在window.onload:$(函数(){ })

$(功能){ })是在JS在window.onload事件一样,这是在页面加载完成后在window.onload一样。

但在window.onload只能写一元(函数(){ })可以写一个以上的

当没有缩写时,它是$(文档)就绪(函数(){ })

链操作方式:




$(。一级>)。Click(function(){)
$(这)。AddClass(流) / /添加电流风格的元素
(下一步)((show));下一个元素显示
(父)(兄弟)/兄弟姐妹父元素
儿童()子元素
。removeClass(流) / /从当前的风格
(下一步)(隐藏);隐藏的下一个元素
返回false;
})




jQuery对象变成了DOM对象:



1个jQuery对象是一个类似的数组,可以通过{ }方法获得相应的DOM对象。



CR = $(var $ #铬); / / jQuery对象

var = $ { 0 };



2另一种方法是由jQuery本身提供的,相应的DOM对象是通过get(index)方法获得的。



CR = $(var $ #铬); / / jQuery对象

VaR CR = cr.get美元(0); / / DOM对象

将对象转换为jQuery对象:



对于DOM对象,只有DOM对象用$()包装,可以获得jQuery对象。

方法是:$(DOM对象);

VaR CR = document.getelementbyid(CR); / / DOM对象

var $ $ =(CR);

解决冲突:



1,如果其他的JS库冲突与jQuery库,我们可以在任何时间打电话:jquery.noconflict()函数传递变量$控制其他Javascript库。




VaR jaovo美元= jquery.noconflict();
jaovo美元(函数(){()
jaovo美元(p)。Click(function(){)
警报($ jaovo(这)。文本());
});
});



2可以直接使用jQuery来做一些jQuery工作


函数(){()
jQuery()。单击(函数()){
警报(jQuery);
});
});




jQuery选择器



1基本选择器

基本选择器是jQuery中最常用的选择器,也是最简单的选择器。他通过元素id、类和标签名称搜索DOM元素。

jQuery:



只需获取标签对象。这是一个数组

jQuery对象获取:

$(p);获取所有p标记对象是对象——增益数组。

$(# AA); / /对象ID标签获得AA对象访问数组

$();获取对象类访问数组的对象标签



对象和DOM对象的转换:



jQuery方法和DOM方法不能被使用(被调用),但是对象可以互相转换。

$(p);

document.documentelementstagname(P); / / DOM

(document.documentelementstagname美元(P)); / / DOM对象转换成一个jQuery对象

$(p);获取(1)是DOM对象,

获取(1);表示数组的第二位,(下标1是第二位)。

($ )。获取(1));

jQuery对象变成了DOM对象:

1个jQuery对象是一个类似的数组,可以通过{ }方法获得相应的DOM对象。

CR = $(var $ #铬); / / jQuery对象

var = $ { 0 };

2另一种方法是由jQuery本身提供的,相应的DOM对象是通过get(index)方法获得的。

CR = $(var $ #铬); / / jQuery对象

VaR CR = cr.get美元(0); / / DOM对象

将对象转换为jQuery对象:

对于DOM对象,只有DOM对象用$()包装,可以获得jQuery对象。

方法是:$(DOM对象);

VaR CR = document.getelementbyid(CR); / / DOM对象

var $ $ =(CR);

创建元素:

$(123 );为其他title =内容创建属性为123

元结(商标名)的节点属性(属性名称= 'xxx)的文本标签(123)

Text()文本节点:

文本():函数方法,是获取所选标签的内部文本(眼睛可以看到的内容)。

一百二十三

Var Li = $();(text);在文本节点李数据中获取(内容为123)

/ / attr()获取属性/设置/更改属性属性:

;

var i = $(p)。Attr(标题); / /这是在P标签值获得财产所有权

$(p)。Attr(标题

/ /把()删除指定元素的属性值:



RemoveAttr(XX,XX);删除属性值

你最喜欢的水果是

$(p)。RemoveAttr(标题,你不爱); / /标题是P标签里面的价值属性(你不爱删除)

添加元素:

将匹配的子元素添加到指定的父元素中。

函数的链式调用:为什么链调用

因为前一个函数返回的函数仍然是调用的对象。

例如,以下a.append(B),(C)是一种附加父标签对象,调用函数添加B,和返回的值是一个对象,所以它也可以添加C来调用函数。

这两个都是标签的对象。



var = $($ li_1 ) / /创造;只有元素节点

li_2 = $(var $ );

父$ =();

parent.append美元(美元li_1)。追加($ li_2);

A.append(B); / /添加B的一个内背(额外的),一个是父是子标签标签B

A.append(C); / /添加到C的内背(额外的),一个是父是子标签标签C

A.append(B),(C)添加; / / B C添加到A、B和C是唯一的同伴在B对C(链式调用增加)

A.prepend(B) / /添加B的一个内部的前面是父标签B子标签

A.insertAfter(B); / /添加到B(同伴)。

a.insertbefore(B); / /添加到B的前面(同伴)

调用移动节点

我们插入指定元素或元素,比赛前(指定的element.insertbefore(匹配的元素))

/ / appendto()添加元素:

是对象B是一个标签名

AppendTo():它是添加到匹配的元素集合中的元素的集合。

$(礼),AppendTo(UL); / /李标签添加到UL

A.appendTo(B); / / B加入A(A是B的标签的标签)

指定的element.appendto(匹配);

删除元素(隐藏)(删除):

A.remove(一); / /从HTML删除(隐藏)

var $ =($);(1);在李标记(1)中删除EQ UL;李是元素下标1或第二,因为索引从0开始。

li.appendto美元(UL); / /只是删除元素回UL。

$()!=Apple);删除李标题属性中UL元素的所有元素都不是苹果。

/ /把()删除指定元素的属性值:



RemoveAttr(XX,XX);删除属性值

你最喜欢的水果是

$(p)。RemoveAttr(标题,你不爱); / /标题是P标签里面的价值属性(你不爱删除)

(空)空:

元():EQ(空)(1));在第二个LI元素和内容(文本节点、删除、内容(文本节点))中找到UL

复制选定的节点克隆():

克隆(true):复制节点,true,节点绑定事件监视器也复制过去,不默认为false

$()(克隆)当前节点的副本

$(礼)(。克隆)。AppendTo(UL); / /复制的节点,并将它添加到UL(附加到UL内部)

$(礼),Clone(真),AppendTo(UL); / /李复制节点,并复制李绑定事件,添加UL(附加到UL内部)



/ /替换选定的节点用(简单的),():

a是被替换的对象。

B是更换的完整标签。

A.replaceWith(B); / / B将取代一个(后B取代以前)和更换前

B.replaceAll(一); / / B取代了取代A在B的置换前。

如果有多于一个p将替换所有

$(p)。ReplaceWith(你的女朋友不喜欢水果); / / P标签变成你女朋友的爱是不是水果

如果有多于一个,并且只想替换一个p

($(p),(1)),ReplaceWith(你的女朋友不喜欢水果); / /第二P标签替换

您还可以向要替换的标签添加ID,这只是一个替换。

$(# ABC)。ReplaceWith(我更换身份标签ABC)

//replaceAll () ():

$(你妈妈不爱水果)。ReplaceAll(# ABC); / /在置换身份标签# ABC更换前

$(我已经更换了所有的P标签),ReplaceAll(P); / /替换前后

包(wraoall) /包((wrapinner)):

()():

包装():对匹配的元素,包装一个新的HTML标签。

标签对象(包装)B是一个标签(用B标记包装)

所有的标签都将被包装。

A.wrap(B);

如果有一个标签包:

我是一个标签

如果包上有多个标记:

我是一个标签

我是一个标签

我是一个标签

每个包裹都不包在一起。

a.wrap(B); / /一个是添加一个父标记一个包裹B

我是P标签

$(p)。换行();添加到父标签的标签用于标记,p标签包成为我的标签是P

*



我是P标签



* /

/ / wrapall()():

WrapAll():所有的标签都裹在一起,即使他们不是裹在一起,而中间有其他标签。它们也将被包装起来并贴在一起。

包裹{包裹}

一百二十三

AAA

四百五十六

A.wrapAll(B); / /所有的包

包



一百二十三

四百五十六



AAA

在这样一个包之后,输出的位置改变了,效果也改变了。

/ / wrapinner()():

WrapInner():添加一个指定标签的匹配标签的内容,这意味着我们原来的标签添加子标签和保存的父标签的文本内容。

123:

A.wrapInner(B); / /结果:123与B标签,在封闭的内容

苹果

$(礼)(。wrapinner ); / /结果是:苹果



苹果



(toggleclass) / /开关效应:



第一次切换的效果,第一次没有切换时有效果,切换时,它是指所有类合成效果的那个效果。

来回切换是电流效应和特定效应。



高{。

字体粗细:粗体;粗体

颜色:红色;红色/红色字体颜色设置

}

另一个{。

字体样式:斜体;

颜色:蓝色;

}



你最喜欢的水果是

$(p)。ToggleClass(另一个); / /课改,当触发功能,是另一个高度,一会儿,上面的设置,当档次高,是一个红色的字体,当类是另一种字体是蓝色的

因此,触发这个函数将改变颜色一次。一旦触发,它将改变一次。这只是上课之间的交接。这是the.toggleclass类(p)。ToggleClass(P)和原体育课

判断元素是一种风格/包含(hasclass):

$(p)。HasClass(我); / /属性判断在P标签,如果有一个班的MyClass

$(p),(我); / /同上

html()和文本():



你最喜欢的水果是

$(p)(HTML); / / P标签,两(标签)的P innerHTML等效内容之间,是你最爱的水果

在文本数据(文本节点)中,你最喜欢的水果

(焦点)/脱离焦点(模糊):

焦点():获得焦点

Blur():失去焦点

$(标签名称(# ID名称)(姓名)(。类名))。焦点(把重点需要执行的方法和语句函数(){语句操作})

$(标签名称(# ID名称)(姓名)(。类名))。Blur(方法和语句函数(){语句操作}失去焦点,需要执行)

(值) / / /改变默认值的值:





$()());这是获取值的值。

$(输入)。瓦迩(帐户号是***);这是更改值的值。

结果是:

/ /默认值:

值的默认值是写代码,设置的值是什么,什么是默认值吗

一般用来判断

如果(txt_value = =){ / /平均值,如果值为空,默认值分配给开始值

用于设置输入框,如果输入框没有输出的东西,也默认输入的是值值,(不要在输入框中得到焦点时显示默认值,集中,设置默认值,如果客户不输入,会给默认值返回值,提醒客户。没有输入)

$(输入)。瓦迩($(输入)。DefaultValue)

}

要看到子元素(子)(只包含子元素、子元素、子元素,而不是直接的子元素):

$(标签);

jQuery对象。标签的子();













$()(子);2是因为子元素只有b和d

$(b)(子);b元素的子元素的1是C

$()();(0),因为d没有子元素。

/ /下),同行的元素(沪指,兄弟姐妹)(():

(下一步);下一个元素对等点

沪指(点); / /元

兄弟姐妹(对等);

一百二十三

你最喜欢的水果是



苹果

一个橘子

菠萝



四百五十六

例:下一个()

var = $();

P.html();的 / / P元素的下一个元素的下一个元素(相当于innerHTML),结果是:

苹果

一个橘子

菠萝

p的同龄人的下一个标签是UL,这就是HTML()是什么。

贸易数据交换

( / /沪指)

VaR(P = $ P)的Prev();

(p.html); / / P兄弟元素是B元素(HTML元素),是123是123

一百二十三

实施

({兄弟姐妹})

数组中的所有元素,现在是数组。

(p.html); / /本,只有123,因为它是一个数组,如果输出,输出第一,使B标签的内容是遍历123查看全部内容

对于(var i = 0;p.length;i++){

警报(P {我},innerHTML); / /这是为什么所有innerHTML内容

因为P是jQuery和jQuery对象时,对象,时间,其次是认购,是DOM对象,我们只能使用innerHTML。和jQuery对象(HTML)方法一样,函数是一样的,

警报();普通弹框

结果是:

一百二十三

你最喜欢的水果是

苹果

一个橘子

菠萝

四百五十六

}

事件委托机制:



事件委托机制:我们必须找到一个元素来改变它的属性,但是我们不知道我们是否能找到这个元素。因此,我们使用一个临时变量将其委托给他,然后我们将找到元素并在后面找到它。

在一个特定的属性中找到元素()。



点击这里的对象/开始查询(如果你点击A,它会先找A,寻找跨度,为P,为正文,已经发现,除非标签,有权停止上网查找)。

$(文档)Bind(单击

$(e.target)。最近(体)。Css(颜色

})

文件(函数)。

Css(颜色)

}

文件:表示整个文档,我希望以这种形式匹配文档中的一个不确定对象。

是我们正在寻找的元素。他是一个不特定的值,和$(e.target)是不特定的对象。

从具体的/我们不匹配,匹配谁是谁









苹果

一个橘子

菠萝







苹果

一个橘子

菠萝





获取对象的左上角和上边距(偏移量):

使用:

jQuery对象;

jQuery对象;

在左边和右边的边距上,是一个数组。

p.left美元; / /从左边获得价值

p.top美元; / /得到的值是从上面

设置坐标和显示(显示):

对象;

三个预定速度的串(慢)

$(# ID)。Mouseover(function(e){

e相当于本机js中的事件。

/ /创建一个DIV元素,E触发事件的对象(鼠标悬停),这代表了触发,事件源对象(HTML标签)

风险提示= this.title + +;

$()附加(工具提示);附加到文档

$(#提示({ Css)。

顶:e.pagey +PX

左:e.pagex +PX

宽度:300px

}显示(快);设置x和y坐标和显示,E是触发事件时的事件源,事件和鼠标的坐标交集,用坐标表示,在左上角坐标中的框。

})