jquery 50 例.docx

本文会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。如果你发现你任何可以做得更好的地方的话，欢迎把你的版本粘贴在评论中!1. 如何修改jQuery默认编码（例如默认UTF-8改成改GB2312）：$.ajaxSetup({ajaxSettings:{ contentType:application/x-www-form-urlencoded;chartset=GB2312} });2. 解决jQuery, prototype共存，$全局变量冲突问题：script src=prototype.js/scriptscript src=/jquery.js/scriptscript type=text/javascriptjQuery.noConflict();/script 注意：一定要先引入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就不需要花费更多的时间来有哪些信誉好的足球投注网站//你想要的元素。还要记住的一点是，//针对于你的页面上的元素的操作越具体化，//就越能降低执行和有哪些信誉好的足球投注网站的时间。varin_stock = $(#shopping_cart_itemsinput.is_in_stock);ul id=shopping_cart_items　　liinput type=radio value=Item-X name=item class=is_in_stock / Item X/li　　liinput type=radio value=Item-Y name=item class=3-5_days / Item Y/li　　liinput type=radio value=Item-Z name=item class=unknown / Item Z/li/ul6. 如何正确地使用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 li).click(function () {　　var index = $(this).prevAll().length; //prevAll([expr]): 查找当前元素之前所有的同辈元素});11. 如何把函数绑定到事件上：//方法一$(#foo).click(function(event) { 　　alert(User clicked on foo.); }); //方法二, 支持动态传参$(#foo).bind(click, {test1:abc, test2:123}, function(event) { 　　alert(User clicked on foo. + event.data.test1 + event.data.test2 ); }); 12. 如何追加或是添加html到元素中：$(#lal).append(sometext); 13. 在创建元素时，如何使用对