JQuery中常用的函数方法总结.docxVIP

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()这样的事件这里就不提了，那些都是开发中比较常用到的。)外观效果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 代码:pbValues: /b/pform input type=text name=name value=John/ input type=text name=password value=password/ input type=text name=url value=/%22//form?jQuery 代码:$(p).append( $(input).map(function(){ return $(this).val();}).get().join(, ) );?结果:[ pJohn, password, /%3C/p ]作用?：将一组元素转换成其他数组（不论是否是元素数组）你可以用这个函数来建立一个列表，不论是值、 属性还是CSS样式，或者其他特别形式。这都可以用$.map()来方便的建立。find(expr)HTML 代码:pspanHello/span, how are you?/p?jQuery 代码:$(p).find(span)?结果:[ spanHello/span ]作用?：搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。文档处理attr(key,value)?HTML 代码:img/img/?jQuery