jQuery工具 - 会coding的HAM

<!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 ) );

发送评论编辑评论

发送评论 编辑评论

推荐文章

发送评论编辑评论