1 / 11
文档名称:

50个实用jquery案例.doc

格式:doc   大小:86KB   页数:11页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

50个实用jquery案例.doc

上传人:wcuxirh 2020/9/6 文件大小:86 KB

下载得到文件列表

50个实用jquery案例.doc

相关文档

文档介绍

文档介绍:://允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分。在这种情况下, //查询删除了任何没(:not)有(:has) //包含class为“selected”(.selected)的子节点。 .filter(":not(:has(.selected))")  allItems = $(""); var keepList = $("div#container1 "); //现在你可以继续使用这些jQuery对象来工作了。例如, //基于复选框裁剪“keep list”,复选框的名称 //符合 < DIV >class names: $(formToLookAt + " input:checked").each(function() {     keepList = ("." + $(this).attr("name")); }); < /DIV> ()来检查某个元素是否包含某个类或是元素://jQuery .*包含了对这一has方法的支持。该方法找出 //某个元素是否包含了其他另一个元素类或是其他任何的 //你正在查找并要在其之上进行操作的东东。 $("input").has(".email").addClass("email_icon"); //找出你希望切换的媒体类型(media-type),然后把href设置成新的样式表。 $('link[media='screen']').attr('href', ''); (基于优化目的)://尽可能使用标签名来作为类名的前缀, //这样jQuery就不需要花费更多的时间来搜索 //你想要的元素。还要记住的一点是, //针对于你的页面上的元素的操作越具体化, //就越能降低执行和搜索的时间。 var in_stock = $('#shopping_cart_items '); <ulid="shopping_cart_items"><li><inputtype="radio"value="Item-X"name="item"class="is_in_stock"/>ItemX</li><li><inputtype="radio"value="Item-Y"name="item"class="3-5_days"/>ItemY</li><li><inputtype="radio"value="Item-Z"name="item"class="unknown"/>ItemZ</li></ul>://切换(toggle)类允许你根据某个类的 //是否存在来添加或是删除该类。 //这种情况下有些开发者使用: ('blueButton') ? ('blueButton') : ('blueButton'); //toggleClass允许你使用下面的语句来很容易地做到这一点 ('blueButton'); :if ($.) { //  Explorer就是个虐待狂 } :$('#thatdiv').replaceWith('fnuh'); :if ($('#keks').html()) { //什么都没有找到; } $("ul > li").click(function () {     var index = $(this).prevAll().length; });:$('#foo').bind('click', function() {     alert('User clicked on "foo."'); }); :$('#lal').append('sometext'); ,如何使用对象字面量(literal)来定义属性var e = $("", { href: "#", class: "a-class another-class", title: "..." }); //在使用许多相类似的有着不同类型的input元素时, //这种基于精确度的方法很有用 var elements = $('#som