jquery键盘事件 链式调用

127 阅读1分钟

键盘事件

    /* keydown() 按下键盘时 */
    /* $('input').keydown(function(){
        alert('按下了')
    }) */

    /* keyup() 键盘抬起时 */
    /* $('input').keyup(function(){
        alert('抬起了了')
    }) */

    /* keypress() 连续敲击键盘 */
    
    $(document).keyup(function(e){
        if(e.keyCode==13){
            alert('成功提交')
        }
    })
    
    

链式调用

    <script>
    /* 链式调用的原理jq里面的方法都会return this 把当前调用者return出去实现链式调用*/

    /* end( ):结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态 */
    /* $('div').text('sad').css('color','red') */
    
     /*width() height()获取的只是content里面的距离不包括padding margin border */
    /* $('div').width() */

    /* offset() */
    /* 返回以像素为单位的top和left坐标。仅对可见元素有效*/
    /*top和left值会包括自己的margin值和父元素的border值*/

    /* offsetParent() */
    /* offsetParent 反回最还的已定位祖先兀索。
    定位元素指的是元素的CSs
    position值被设置为relative、absolute或fixed的元素*/

    /* position( )返回第一个匹配元素相对于父元素的位置 */

    /* scrollLeft([position]) 参数可选。设置或返回匹配元素相对滚动条左侧的偏移*/
    /* 监听滚动条 */
    /* $(window).scroll(function(){
        console.log($(window).scrollLeft());
    }) */

</script>

鼠标移入移除事件

    <script>
    /* mouseover和 mouseout在进入子元素区域的时候也会触发 */

    /* mouseenter mouseleave☆在进入子元素区域的时候不会触发*/
    /* $('.d1').mouseenter(function(){
        console.log(1);
    })
    $('.d1').mouseleave(function(){
        console.log(2);
    }) */
    /* hover 由 mouseenter,mouseLeave组成触发  */
    $('.d1').hover(function(){
        console.log(1);
    })
    </script>