首页 > 代码库 > jQuery

jQuery

       才开始学习不就的jQuery ,虽然不是很习惯(用css2,css3习惯了),但是上网查查还是弄到一些jQuery 的常用知识。

1、回到顶部

 网站中很常用的回到顶部功能

代码如下:

$(document).ready(function() {    //when the id="top" link is clicked    $(‘#top‘).click(function() {        //scoll the page back to the top        $(document).scrollTo(0,500);    }});

2、获取鼠标X、y坐标

代码如下:

$().mousemove(function(e){    //display the x and y axis values inside the P element    $(‘p‘).html("X Axis : " + e.pageX + " | Y Axis " + e.pageY);});

3、事件

如失去焦点改变颜色等等:

$("input").blur(function(){  $("input").css("background-color","#D6D6FF");});

4、jQuery 效果

我最喜欢的一种,能节省css、js的大量代码

如收起效果:

$("p").slideUp("slow");

放下效果:

$(".btn2").click(function(){  $("p").slideDown();});