jQuery工具

原创 黄良钵  2017-08-17 21:56  阅读 18 次 评论 0 条
  1. <!DOCTYPE html>
  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. // arr.forEach(function(itme,i){
  7. //     console.log(`${i}:${itme}`)
  8. // })
  9. var p = {
  10.     name:'张三',
  11.     age:6,
  12.     isMale:true
  13. }
  14. // $.each(p,(key,val)=>{
  15. //     // console.log(val)
  16. //     // console.log(`${key}:${val}`)
  17. //     console.log(`${key}:${p[key]}`)
  18. // })
  19. // for(var key in p){
  20. //     console.log(`${key}:${p[key]}`)
  21. // }
  22. // var newArr = $.map(arr,(item,i)=>{
  23. //     // console.log(`${i}:${item}`)
  24. //     return item * i
  25. // })
  26. // console.log(newArr)
  27. // 测试是否为数组
  28. // console.log($.isArray([1,3]))
  29. var abc = ['a','b','c','d']
  30. // merge合并数组 会将字符串拆分成字符合并到数组中 字符串也是一个类似数组的对象
  31. // var arrABC = $.merge(abc,'wang')
  32. // arrABC = arr.concat(abc)
  33. // console.log(arrABC)
  34. // makeArray将一个类数组对象转换成数组对象
  35. // console.log($.makeArray('百度'))
  36. // Array.prototype.slice.call('百度')
  37. // Array.form()
  38. // grep按照某种条件来过滤数组 
  39. // var events =$.grep(arr,function(item,index){
  40.     // item 数组元素的当前值
  41.     // index 当前值的下标
  42. //    return item % 2 ==  0
  43. // })
  44. // console.log(events)
  45. // var odds = arr.filter((item,i,arr)=>{
  46. //         return !!(item % 2 ==  0)
  47. // })
  48. // console.log(odds)
  49. // var student = {
  50. //     name:'张三',
  51. //     age:3,
  52. //     sayHellow:function(){
  53. //         console.log(`我的名字是${this.name},很高兴认识你`)
  54. //     }
  55.     // sayHellow:()=>{
  56.     //     console.log(`我的名字是${this.name},很高兴认识你`)
  57.         // 箭头函数不会形成function作用域 所以其中的this指向全局作用域window
  58.     // }
  59. // }
  60. // var teach = {
  61. //     age:4,
  62. //     coures:'H5',
  63. //     teac:function(){
  64. //         console.log(`我是${this.coures}老师,很高兴认识你`)
  65. //     }
  66. // }
  67. // var methods = {
  68. //     eat:()=>{
  69. //         console.log('我饿了')
  70. //     },
  71. //     sleep:()=>{
  72. //         console.log('我要睡觉了')
  73. //     }
  74. // }
  75. // // extend 合并对象
  76. // var result = $.extend(student,teach)
  77. // console.log(student)
  78. // console.log(teach)
  79. // console.log(result)
  80. // $.extend(student,methods)
  81. // $.extend(teach,methods)
  82. // student.eat()
  83. // teach.sleep()
  84. var student = {
  85.     name:'zhangsan',
  86.     age:3,
  87.     length:6,
  88.     '0':'zero',
  89.     '3':'three'
  90. }
  91. var arr1 = ['a','b','c']
  92. // $.extend(arr,student)
  93. // console.dir(arr)
  94. // for(var i = 0;i<arr.length;i++){
  95. //     console.log(arr[i])
  96. // }
  97. // $.extend(student,arr)
  98. // console.dir(student)
  99. // var newArr = $.extend(arr,arr1)
  100. // console.log(newArr)
  101. // var student = { name: "John", location: {city: "Boston",county:"USA"} }
  102. // var teacher = { last: "Resig", location: {state: "MA",county:"China"} }  
  103. // // true深层拷贝
  104. // $.extend(true,student,teacher)
  105. // console.dir(student)
  106. // var student = {
  107. //     name :"wang"
  108. // }
  109. // $.proxy方法接受一个已有的函数 并返回一个特定上下文的函数
  110. // $('body').css('height','400px').click($.proxy(function(a1,a2,a3,ev){
  111. //     alert(this.name)
  112. //     console.log(a1 + a2)
  113. //     console.log(ev)
  114. //     console.log(arguments)
  115. // },student,123,'abc','ccc'))
  116. // $('body').css('height','400px').click(function(a1,a2,ev){
  117. //     console.log(this.name)
  118. //     console.dir(arguments)
  119. // }.bind(student,123,'abc'))
  120. var obj = {
  121.   name: "John",
  122.   test: function() {
  123.     alert( this.name );
  124.     $("#test").unbind("click", obj.test);
  125.   }
  126. };
  127. // $("#test").click( jQuery.proxy( obj, "test" ) );
  128. // $("#test").click( jQuery.proxy( obj.test, obj ) );
本文地址:https://xn--nf1a578axkh.xn--fiqs8s/1018.html
关注我们:请关注一下我们的微信公众号:扫描二维码黄良钵博客的公众号,公众号:HLB_Blog
版权声明:本文为原创文章,版权归 黄良钵 所有,欢迎分享本文,转载请保留出处!

发表评论


表情