jQuery学习

1.jquery的学习

 

2.需要学习的单词

return  返回 arr数组 item一项 each 每一个value值key键 value值

 mouseover鼠标停留

3.each 的用法

下面提一下jQuery的each方法的几种常用的用法 

Js代码

 var arr = [ "one", "two", "three", "four"];     

 $.each(arr, function(){     

    alert(this);     

 });     

//上面这个 each输出的结果分别为：one,two,three,four    

    

var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]     

$.each(arr1, function(i, item){     

   alert(item[0]);     

});     

//其实 arr1为一个二维数组，item相当于取每一个一维数组，   

//item[0] 相对于取每一个一维数组里的第一个值   

//所以上面这 个each输出分别为：1   4   7     

  

var obj = { one:1, two:2, three:3, four:4};     

$.each(obj, function(key, val) {     

    alert(obj[key]);           

});   

//这个 each就有更厉害了，能循环每一个属性     

//输出结果 为：1   2  3  4   

 

3.

 

 

4.利用jQuery自定义的选择器进行选择：

:button：选择任何按钮类型的元素，包括input[type=submit]等等；:checkbox：选择复选框元素；:file：选择所有文件类型元素，即input[type=file]；:image：选择表单中的图像元素，即input[type=image]，注意此处和前面根据标签名img选择图像有点不同哈；:input：选择表单元素，如<input>,<select>,<textarea>,<button>等；:radio：选择单选按钮元素；:reset：选择复位按钮元素，如input[type=reset]，button[type=reset]；:submit：选择提交按钮元素；:text：选择文本字段元素，即input[type=text]；:animated：选择当前处于动态控制下的元素；:contains(hello)：选择包含文本hello的元素；:header：选择标题元素，如<h1>；:parent：选择拥有后代节点(包括文本)的元素，而排除空元素；:selected：选择已选中的选项元素；:visible：选择可见元素；:enable：选择界面上已经可以使用的表单元素；:disabled：选择界面上被禁用的表单元素；:checked：选择已选中的复选框或单选按钮；