黑马程序员--Jquery 学习笔记

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

1.      Jquery就是一个对JavaScript封装的库，Jquery是通过JavaScript来实现的

2.      Jquery使用方便、代码简洁，插件丰富，而且开源、免费

3.      Jquery内置函数（类似数组）

$.map(array,fn)//对数组内每个元素进行fn函数处理等到一个新的array

范例

Var arr=[1,2,3];

Var arr1=$.map(arr,function(item){returnitem*2})//将arr数组中的每个元素乘以2，生成新数组arr1

$.each(arr,function(key,value){alert(key+value)})//主要用来处理字典

范例

Var arr={“tom”:1,”lili”:2};

$.each(arr,function(key,value){alert(key+value))//输出字典内元素，比如 tom 1

4.      Jquery选择器（常用的）

$(“#tb”)选择id为tb的标签，也就相当于dom中的getelementbyid(“tb”)

$(“p”)选择p标签，同样$(“input”)选择input标签

$(“.back”)选择class为back的标签，<p calss=”back”></p>

$(“div,p,span”)同时选择div,p,span标签

$(“div li”)选择div标签下面的所有Li标签

$(“div>li”) 选择div标签下面的直接Li标签，直接的下一层，不包括子代的子代标签

$(“:input”)选择所有可能提交服务器的表单和$(“input”)区别

$(“:text”)选取所有单行表单

5.      Jquery事件调用，Jquery绑定事件非常简单

$(“#txt”).click(function(){}),给ID为txt的标签添加click事件

$(“#txt”).click(function(){}),给ID为txt的标签添加click事件

6.      Jquery节点遍历

$(“p”).next()选择获取p标签后的第一个同辈元素

$(“p”).siblings()获取同辈元素，就是除了p标签的兄弟，当然也可以$(“p”).siblings(“li”)指定其他兄弟标签

7.      Jquery中常用的方法

$(“#txt”).val()读取标签的值，如果给标签设值，$(“#txt”).val(“设值”)

$(“#txt”).css(“backcolor”,”red”)修改背景色

$(“#txt”).attr()添加属性，或者读取属性值

$(“#txt”).addclass(“black”)添加black样式

8.      获取鼠标坐标

$(“body”).mouseover(function(e){

Var x=e.pageX//鼠标当前横坐标

Var y=e.pageY//鼠标当前纵坐标

})

---------------------- Windows Phone 7手机开发、 .Net培训、期待与您交流！ ----------------------详细请查看： http://edu.csdn.net/heima/