2. <html lang="en">
3. <head>
4. <meta charset="UTF-8">
5. <title>jQuery工具</title>
6. </head>
7. <body>
8. <input type="password" />
9. <input type="password" />
10. <div id="test">Click Here!</div>
11. <script src="jquery.js"></script>
12. <script src="index.js"></script>
13. </body>
14. </html>
1. var arr = [1,2,3,4,5,6,7,8,9]
2. $.each(arr,function(i,item){
3. // console.log(i + ':' + item)
4. // console.log(
${i}:${item})5.
6. })
7. // arr.forEach(function(itme,i){
8. // console.log(
${i}:${itme})9. // })
10.
11. var p = {
12. name:'张三',
13. age:6,
14. isMale:true
15. }
16.
17. // $.each(p,(key,val)=>{
18. // // console.log(val)
19. // // console.log(
${key}:${val})20. // console.log(
${key}:${p[key]})21. // })
22. // for(var key in p){
23. // console.log(
${key}:${p[key]})24. // }
25.
26.
27. // var newArr = $.map(arr,(item,i)=>{
28. // // console.log(
${i}:${item})29. // return item * i
30. // })
31. // console.log(newArr)
32.
33. // 测试是否为数组
34. // console.log($.isArray([1,3]))
35. var abc = ['a','b','c','d']
36.
37. // merge合并数组 会将字符串拆分成字符合并到数组中 字符串也是一个类似数组的对象
38.
39. // var arrABC = $.merge(abc,'wang')
40. // arrABC = arr.concat(abc)
41. // console.log(arrABC)
42. // makeArray将一个类数组对象转换成数组对象
43. // console.log($.makeArray('百度'))
44.
45. // Array.prototype.slice.call('百度')
46. // Array.form()
47. // grep按照某种条件来过滤数组
48. // var events =$.grep(arr,function(item,index){
49. // item 数组元素的当前值
50. // index 当前值的下标
51. // return item % 2 == 0
52. // })
53. // console.log(events)
54.
55. // var odds = arr.filter((item,i,arr)=>{
56. // return !!(item % 2 == 0)
57. // })
58. // console.log(odds)
59.
60.
61. // var student = {
62. // name:'张三',
63. // age:3,
64. // sayHellow:function(){
65. // console.log(
我的名字是${this.name},很高兴认识你)66. // }
67. // sayHellow:()=>{
68. // console.log(
我的名字是${this.name},很高兴认识你)69. // 箭头函数不会形成function作用域 所以其中的this指向全局作用域window
70. // }
71. // }
72.
73. // var teach = {
74. // age:4,
75. // coures:'H5',
76. // teac:function(){
77. // console.log(
我是${this.coures}老师,很高兴认识你)78. // }
79. // }
80. // var methods = {
81. // eat:()=>{
82. // console.log('我饿了')
83. // },
84. // sleep:()=>{
85. // console.log('我要睡觉了')
86. // }
87. // }
88. // // extend 合并对象
89. // var result = $.extend(student,teach)
90. // console.log(student)
91. // console.log(teach)
92. // console.log(result)
93.
94. // $.extend(student,methods)
95. // $.extend(teach,methods)
96. // student.eat()
97. // teach.sleep()
98.
99. var student = {
100. name:'zhangsan',
101. age:3,
102. length:6,
103. '0':'zero',
104. '3':'three'
105. }
106. var arr1 = ['a','b','c']
107. // $.extend(arr,student)
108. // console.dir(arr)
109.
110. // for(var i = 0;i<arr.length;i++){
111. // console.log(arr[i])
112. // }
113. // $.extend(student,arr)
114. // console.dir(student)
115. // var newArr = $.extend(arr,arr1)
116. // console.log(newArr)
117.
118. // var student = { name: "John", location: {city: "Boston",county:"USA"} }
119. // var teacher = { last: "Resig", location: {state: "MA",county:"China"} }
120. // // true深层拷贝
121. // $.extend(true,student,teacher)
122. // console.dir(student)
123.
124. // var student = {
125. // name :"wang"
126. // }
127. // $.proxy方法接受一个已有的函数 并返回一个特定上下文的函数
128. // $('body').css('height','400px').click($.proxy(function(a1,a2,a3,ev){
129. // alert(this.name)
130. // console.log(a1 + a2)
131. // console.log(ev)
132. // console.log(arguments)
133. // },student,123,'abc','ccc'))
134. // $('body').css('height','400px').click(function(a1,a2,ev){
135. // console.log(this.name)
136. // console.dir(arguments)
137. // }.bind(student,123,'abc'))
138.
139. var obj = {
140. name: "John",
141. test: function() {
142. alert( this.name );
143. $("#test").unbind("click", obj.test);
144. }
145. };
146.
147. // $("#test").click( jQuery.proxy( obj, "test" ) );
148. // $("#test").click( jQuery.proxy( obj.test, obj ) );