键盘事件
/* 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>