jQure续

最新推荐文章于 2024-09-28 21:23:27 发布

她于星河之处

最新推荐文章于 2024-09-28 21:23:27 发布

阅读量106

点赞数 1

文章标签： javascript 开发语言

本文链接：https://blog.youkuaiyun.com/a526498268464/article/details/121239240

版权

1.传统绑定事件与监听事件的区别

.addEventListener("事件类型不带on",function(){})

区别：

传统绑定事件只能执行一个函数

如果要用事件监听绑定多个函数的话

会一一执行

let button = document.getElementsByTagName("button");
button[0].onclick = function (ev){
    alert("我是1")
}
button[1].onclick = function (ev){
    alert("我是11")
}
button[1].addEventListener("click",function (ev){
    alert("我是2")
})
button[1].addEventListener("click",function (ev){
    alert("我是22")
})

空格定位搜索框

.focus()

let input = document.getElementsByTagName("input")
document.addEventListener("keyup",function (ad){
    if (ad.keyCode===32){
        input[0].focus()
    }
})

移动鼠标挂件

<head>
<style>
        img{
            position: absolute;
            width: 50px;
            height: 50px;
        }
    </style>
</head>
<body>
<img src="img.jpg" alt="">
<script>
    let img = document.getElementsByTagName("img")
    document.addEventListener("mousemove", function (ad){
        img[0].style.left = ad.pageX-25+"px"
        img[0].style.top = ad.pageY-25+"px"
    })
</script>   
</body>

字符串去除空格

<script>
    let string = "我是孔某父亲  "
    console.log(string)
    //去除首尾空格 trim()
    string = string.trim()
    console.log(string)
    //去除所有空格 replace()
    string = string.replace("","")
    console.log(string)
</script>

jQuery动画

jQuery提供了一些默认的动画
    控制元素的显示和隐藏      show()   hide()
语法：$("selector").show([speed],[callback]);
参数描述：
        参数一：速度，可选 例如：1000毫秒等等于1秒 fast slow normal
        参数二：回调函数，可选   hide函数执行完之后，要执行的函数
    控制元素的透明度         findIn()  findOut()
    控制元素的高度           slideUp() slidedown()