学习jQuery必须知道的几种常用方法.doc

学习jQuery必须知道的几种常用方法 jQuery中为我们提供了很多有用的方法和属性，文章总结了一些常用的函数和方法。个人认为在开发中会比较常用的，在实际的开发中我们可能会用到其他的方法和属性，文中只是个人认为新手初学jQuery时，必须掌握的一些方法。 51CTO推荐专题： HYPERLINK /art/201005/202450.htm 入门到精通 jQuery开发手册 jQuery事件处理 ready(fn) 代码： $(document).ready(function(){? // Your code here...})；作用：它可以极大地提高web应用程序的响应速度。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻执行。 bind(type,[data],fn) 代码： $(p).bind(click, function(){? alert( $(this).text() );}); 作用：为每一个匹配元素的特定事件（像click）绑定一个事件处理器函数。起到事件监听的作用。 toggle(fn,fn) 代码： $(td).toggle(? function () {??? $(this).addClass(selected);? },? function () {??? $(this).removeClass(selected);? });作用：每次点击时切换要调用的函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。挺有趣的一个函数，在动态实现某些功能的时候可能会用到。(像click(),focus(),keydown()这样的事件这里就不提了，那些都是开发中比较常用到的。) jQuery外观效果 addClass(class)和removeClass(class) 代码： $(.stripe tr).mouseover(function(){? ?????????????? $(this).addClass(over);}).mouseout(function(){ ?????????????? $(this).removeClass(over);})});也可以写成： $(.stripe tr).mouseover(function() { $(this).addClass(over) });$(.stripe tr).mouseout(function() { $(this).removeClass(over) });作用：为指定的元素添加或移除样式，从而实现动态的样式效果，上面的实例中实现鼠标移动双色表格的代码 css(name,value) 代码： $(p).css(color,red);作用：很简单，就是在匹配的元素中，设置一个样式属性的值。这个个人感觉和上面的addClass(class)有点类似。 slide(),hide(),fadeIn(), fadeout(), slideUp() ,slideDown() 代码： $(#btnShow).bind(click,function(event){ $(#divMsg).show() });$(#btnHide).bind(click,function(evnet){ $(#divMsg).hide() });作用：jQuery中提供的比较常用的几个动态效果的函数。还可以添加参数：show(speed,[callback])以优雅的动画显示所有匹配的元素，并在显示完成后可选地触发一个回调函数。 animate(params[,duration[,easing[,callback]]]) 作用：制作动画效果用到的函数，功能非常的强大，可以连续使用此函数。 查找筛选 map(callback) HTML 代码:? Values:? INPUT value=John name=name? INPUT value=password name=password INPUT value= A href= name=url ? %22 http:/%22/ /A FORMjQuery 代码: /FORM  $(p).append( $(input).map(function(){? return $(this).val();}).get().join(, ) ); 结果: [ John, password, A href=/%3C/p/%3C/p /A ]作用：将一组元素转换成其他数组（不论是否是元素数组）你可以用这个函数来