jquery学习必备代码和技巧.docVIP

jquery学习必备代码和技巧 学习jQuery 必备的一些代码和方法，相信学习了本文，你可以对jQuery的学习更加容易。同时欢迎jQuery各位爱好者评论，指出不足，让我们大家共同学习，共同提升技术能力。 请关注html5cn的新浪微博@html5cn、腾讯微博@html5cn，在微博中欢迎大家与html5cn互粉，我们将在这里集中讨论关于html5的发展和使用技巧，希望大家能共同学习，共同进步。 1. 如何修改jQuery默认编码（例如默认UTF-8改成改GB2312）：$.ajaxSetup({??? ajaxSettings:{ contentType:application/x-www-form-urlencoded;chartset=GB2312}});2. 解决jQuery, prototype共存，$全局变量冲突问题：lt;script src=prototype.jsgt;lt;/scriptgt;lt;script src=/jquery.jsgt;lt;/scriptgt;lt;script type=text/javascriptgt;????? jQuery.noConflict();lt;/scriptgt;注意：一定要先引入prototype.js 再引入jquery.js，先后顺序不可错。3. jQuery 判断元素上是否绑定了事件//jQuery event封装支持判断元素上是否绑定了事件，此方法只适用于jQuery绑定的事件var $events = $(#foo).data(events);if( $events $events[click] ){　　//your code}4. 如何使用jQuery来切换样式表//找出你希望切换的媒体类型（media-type），然后把href设置成新的样式表。$(link[media=screen]).attr(href, alternative.css);5. 如何限制选择范围（基于优化目的）：//尽可能使用标签名来作为类名的前缀，//这样jQuery就不需要花费更多的时间来搜索//你想要的元素。还要记住的一点是，//针对于你的页面上的元素的操作越具体化，//就越能降低执行和搜索的时间。var in_stock = $(#shopping_cart_items input.is_in_stock);lt;ul id=shopping_cart_itemsgt;　　lt;ligt;lt;input type=radio value=Item-X name=item /gt; Item Xlt;/ligt;　　lt;ligt;lt;input type=radio value=Item-Y name=item /gt; Item Ylt;/ligt;　　lt;ligt;lt;input type=radio value=Item-Z name=item /gt; Item Zlt;/ligt;lt;/ulgt;6. 如何正确地使用toggleClass：//切换（toggle）类允许你根据某个类的//是否存在来添加或是删除该类。//这种情况下有些开发者使用：a.hasClass(blueButton) ? a.removeClass(blueButton) : a.addClass(blueButton);//toggleClass允许你使用下面的语句来很容易地做到这一点a.toggleClass(blueButton);7. 如何设置IE特有的功能：if ($.browser.msie) {// Internet Explorer就是个虐待狂}8. 如何使用jQuery来代替一个元素：$(#thatdiv).replaceWith(fnuh);9. 如何验证某个元素是否为空：// 方法一if (! $(#keks).html()) {//什么都没有找到;}// 方法二if ($(#keks).is(:empty)) {//什么都没有找到;}10. 如何从一个未排序的集合中找出某个元素的索引号$(ul gt; li).click(function () {　　var index = $(this).prevAll().length;??? //prevAll([expr]): 查找当前元素之前所有的同辈元素});11. 如何把函数绑定到事件上：//方法一$(#foo).click(function(event) {　　alert(User clicked on foo.);}); //方法二, 支持动态传参$(#foo