天天看点

JavaScript权威设计--jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]

1.$和jquery在全局命名空间中定义的唯一两个变量。

2.jquery是工厂函数,不是构造函数。他返回一个新创建的对象。

3.jquery的四种调用方式:

    <1>传递css选择器(字符串)给$()方法

    <2>传递element,document或window对象给$()方法

    <3>传递html文本字符串给$()方法。

    如:

JavaScript权威设计--jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]
JavaScript权威设计--jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]

    <4>传入一个函数给$()方法。

4.jquery函数

   是jquery或$的值。该函数可以用来创建jquery对象,用来注册dom就绪时需要调用的处理函数。

<1>jquery对象

    jquery对象是由jquery函数返回的对象。

<2>jquery方法

    jquery方法是由jquery函数返回的jquery对象的方法。

例子:

JavaScript权威设计--jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]

5.

    <1>jquery对象是类数组

    <2>其他三个属性

    $(参数一,参数二,参数三)

    参数一:选择器

    参数二:content属性是上下文对象,如果没传递的话,就是document对象

    参数三:名为jquery的属性

JavaScript权威设计--jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]

   <3>

JavaScript权威设计--jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]

prepend()    

在元素的前面添加内容,依旧在标签内部。

回调函数是什么?

<4>jquery的几个基础方法

jquery的map()方法

jquery的each()方法

jquery的is()方法

6.jquery的setter与getter

7.jquery

css(),attr(),addclass()等jquery的setter方法都可以传递多个名值对设置属性,还有函数设置属性。

offset()获取偏移量相对于文档

position()获取偏移量相对于父元素

8.jquery获取元素的宽高问题(有趣)

width(),height():获取的是内容的宽高(不包括内边距,边框,外边距)

innerwidth(),innerheight():获取的是包括内边距的宽高

outerwidth(),outerheight():获取的是包括内边距,边框的宽高

outerwidth(true),outerheight(true):获取的是包括内边距,边框,外边距的宽高

JavaScript权威设计--jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]

9.获取和设置元素数据(重要)

jquery定义了一个名为data()的getter/setter方法,可用来设置或获取与文档元素,document或window对象相关联的数据。可以将数据与任意元素关联。这也是jquery的事件处理程序注册和效果队列机制的基础。

10.clone()

clone() 方法生成被选元素的副本,包含子节点、文本和属性。

11.replacewidth()与replaceall()

这两者区别在于:replaceall()不能使用函数替换

12.包裹元素warp()余unwarp()

13.remove()与detach(),filter()

14.jquery事件对象

jquery通过定义自己的event对象来隐藏浏览器之间的实现差异。

15.bind()的高级特性之事件的注册

<1>语法:$(selector).bind(event,data,function)

<2>bind()有三个参数:

参数一:事件类型字符串,空格分隔多个事件

参数二:传递到函数的额外数据。

参数三:处理程序函数

<3>

特性一:bind的一个重要特性是允许为注册的事件处理程序指定命名空间。

如:

特性二:bind的第一个参数可以是一个对象

与bind()绑定一样的还有one()也可以绑定事件。

16.unbind()之事件的解除

<1>注销命名空间下的处理程序

JavaScript权威设计--jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]
JavaScript权威设计--jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]

17.事件触发

trigger()

18.实时事件(依赖于冒泡)

delegate()

19.动画(animate)

<1>禁用动画:

jquery.fx.off=true;

动画速度:

fast->200ms

slow->600ms

自定义动画速度:

jquery.fx.speeds["med-fast"]=300;

<2>jquery动画是异步的。默认是队列化的。

当然我们也可以将他们不队列化。

这个效果就是:fadein与fadeout是队列化的。animate是非队列化的。

fadein与animate开始时间相同,

而fadeout会在fadein完成时立即开始。

<3>缓动动画

自定义缓动动画:

jquery.easing["squr"]=math.sqrt;

<4>动画取消(stop),延迟(delay)和队列

20.jquery的ajax

<1>jquery的load()

$("img").load(function(){   })一个是事件方法

$("img").load('a.txt')一个是ajax方法

具体调用哪个通过后面的参数决定。

post与get有和区别?

<2>jquery.getscript()

动态异步加载脚本文件,它能同时适用于同源和跨源脚本的加载。

适用:

jquery.getscript("http://eaxo.com/js/wpsl.js",function(){

    //调用且执行完毕后执行回调

})

=>等同于

mime是什么?jsonp?

<3>jquery.getjson()

<4>jquery.get()和jquery.post()

<5>

jquery.browser

jquery.contains()

jquery.each()

jquery.extend()

21.jquery的插件扩展

关键点:jquery.fn是所有jquery对象的原型对象。

如果给该对象添加一个函数,该函数会成为一个jquery方法。

一些插件约定:

JavaScript权威设计--jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]
JavaScript权威设计--jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]

 转载:http://www.cnblogs.com/zqzjs/p/4896114.html

继续阅读