• 当前标签:jQuery工具

程序开发 jQuery工具

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>jQuery工具</title> </head> <body>     <input type="password" />     <input type="password" />     <div id="test">Click Here!</div>     <script src="jquery.js"></script>     <script src="index.js"></script> </body> </html> var arr = [1,2,3,4,5,6,7,8,9] $.each(arr,function(i,item){     // console.log(i +  ':' + item)     // console.log(`${i}:${item}`) }) // arr.forEach(function(itme,i){ //     console.log(`${i}:${itme}`) // }) var p = {     name:'张三',     age:6,     isMale:true } // $.each(p,(key,val)=>{ //     // console.log(val) //     // console.log(`${key}:${val}`) //     console.log(`${key}:${p[key]}`) // }) // for(var key in p){ //     console.log(`${key}:${p[key]}`) // } // var newArr = $.map(arr,(item,i)=>{ //     // console.log(`${i}:${item}`) //     return item * i // }) // console.log(newArr) // 测试是否为数组 // console.log($.isArray([1,3])) var abc = ['a','b','c','d'] // merge合并数组 会将字符串拆分成字符合并到数组中 字符串也是一个类似数组的对象 // var arrABC = $.merge(abc,'wang') // arrABC = arr.concat(abc) // console.log(arrABC) // makeArray将一个类数组对象转换成数组对象 // console.log($.makeArray('百度')) // Array.prototype.slice.call('百度') // Array.form() // grep按照某种条件来过滤数组  // var events =$.grep(arr,function(item,index){     // item 数组元素的当前值     // index 当前值的下标 //    return item % 2 ==  0 // }) // console.log(events) // var odds = arr.filter((item,i,arr)=>{ //         return !!(item % 2 ==  0) // }) // console.log(odds) // var student = { //     name:'张三', //     age:3, //     sayHellow:function(){ //         console.log(`我的名字是${this.name},很高兴认识你`) //     }     // sayHellow:()=>{     //     console.log(`我的名字是${this.name},很高兴认识你`)         // 箭头函数不会形成function作用域 所以其中的this指向全局作用域window     // } // } // var teach = { //     age:4, //     coures:'H5', //     teac:function(){ //         console.log(`我是${this.coures}老师,很高兴认识你`) //     } // } // var methods = { //     eat:()=>{ //         console.log('我饿了') //     }, //     sleep:()=>{ //         console.log('我要睡觉了') //     } // } // // extend 合并对象 // var result = $.extend(student,teach) // console.log(student) // console.log(teach) // console.log(result) // $.extend(student,methods) // $.extend(teach,methods) // student.eat() // teach.sleep() var student = {     name:'zhangsan',     age:3,     length:6,     '0':'zero',     '3':'three' } var arr1 = ['a','b','c'] // $.extend(arr,student) // console.dir(arr) // for(var i = 0;i<arr.length;i++){ //     console.log(arr[i]) // } // $.extend(student,arr) // console.dir(student) // var newArr = $.extend(arr,arr1) // console.log(newArr) // var student = { name: "John", location: {city: "Boston",county:"USA"} } // var teacher = { last: "Resig", location: {state: "MA",county:"China"} }   // // true深层拷贝 // $.extend(true,student,teacher) // console.dir(student) // var student = { //     name :"wang" // } // $.proxy方法接受一个已有的函数 并返回一个特定上下文的函数 // $('body').css('height','400px').click($.proxy(function(a1,a2,a3,ev){ //     alert(this.name) //     console.log(a1 + a2) //     console.log(ev) //     console.log(arguments) // },student,123,'abc','ccc')) // $('body').css('height','400px').click(function(a1,a2,ev){ //     console.log(this.name) //     console.dir(arguments) // }.bind(student,123,'abc')) var obj = {   name: "John",   test: function() {     alert( this.name );     $("#test").unbind("click", obj.test);   } }; // $("#test").click( jQuery.proxy( obj, "test" ) ); // $("#test").click( jQuery.proxy( obj.test, obj ) );

2017-08-17 21:56:21 25 0 0
阅读详情
  • 1
前往