黑马程序员-第九季jquery手写笔记

　------- android培训、java培训、期待与您交流！ ----------　

JQuery简介。

普通的javascript的缺点：每种控件的操作方式不统一，不同浏览器下有区别，要编写跨浏览器的程序非常麻烦，因此出现了很多对javascript的封装库，比如prototype、dojo、extjs、jquery等，这些针对javascript的封装也就是咱们调用的jquery的一句函数，jquery的内部这些函数帮我们直接调用了javascript中的代码语句，因此jquery就是javascrip语法写的一些函数类，内部仍然调用的是javascript实现的，所以并不是代替了javascript，使用jquery的代码、编写jquery的扩展插件仍然需要javascript的技术，jquery本身就是一堆javascript的函数。

Jquer是最火的javascript库，已经被集成到vs2010了，得到了ms（微软）的支持，微软的ajax toolkit和jquer的结合也是最方便的，jquery的扩展插件也是非常多。

Jquery的ready和dom的onload的区别：onload是所有dom元素创建完毕、图片、css等都加载完毕后才触发的，而ready则是dom怨毒创建完毕后就被触发的，这样可以提高网页的响应速度，在jquery中也可以用$（windom）.load{}来实现onload那种事件调用的时机。

$.map(array，fn)对数组array中每个元素调用fn函数逐个进行处理，fn函数将处理返回，最后得到一个新数组。

例子：得到一个元素值是原数组元素值的二倍的新数组。

var arr = [1, 2, 3];

        var arr2 = $.map(arr, function(a) { return a * 2; });

        alert(arr2);

$.Map不能处理dictonary风格额数组。

$.each(array,function(key,value){alert(key+”=”value;)});

如果是这种风格的数组，则key的值是序号。

还可以省略function的参数，这时候用this可以得到遍历的当前元素。

普通数组推荐用无参，用dic风格的就用key，value

Jquery对象就是通过jquery包装dom对象产生的对象。

Dom对象想通过jquery进行操作，先要转换成jquery对象。

Jquery选择器用于查找满足条件的元素，比如可以用$(“#控件id”)来根据控件的jquery对象，相当于getElementById。

条件选择器：$(“p,div,span.menuitem”)，同时选择p标签、div标签和拥有menuitem样式的span标签元素。

注意选择器表达式中的空格不能多不能少。

Jquery的迭代：

如何判断对象是否存在，jquery选择器返回的是一个对象数组，调用text（）heml（）click（）之类的方法的时候其实是对数组中每个元素迭代调用每个方法，因此即使通过id选择的元素不存在也不会报错，如果需要判断指定的id是否存在应该写：

If($(“#btn1”).length<=0){

Alert(“id为btn1的元素不存在”)；

}

基本过滤选择器

First选区第一个元素

Last选取最后一个元素

Not选取不满足选择器条件的元素

Even odd选取索引时奇数偶数的元素

Jquery的元素也可以调用each方法，只是对$.each的简化调用。

Jquery中的而时间绑定：$(“#btn”).bind(“click”.function(){}),每次都这么调用太麻烦了，所以jquery可以用$(“#btn”).bind(function(){})来进行简化。

合成时间hover，hover（enterfn.leavefn），当鼠标放在元素上时调用enterfn方法，当鼠标离开元素的时候调用leave方法。

时间冒泡：jquery中也像javascript一样是事件冒泡的。

可以调用事件对象的stoppropagation（）来终止冒泡。

 

 

 

 

 

　------- Windows Phone 7手机开发、.Net培训、期待与您交流！ -------