读书人

jquery漫笔

发布时间: 2012-11-07 09:56:10 作者: rapoo

jquery随笔

1.//禁用enter键$(document).ready(function(){ $(this).keydown( function(e) {        var key = window.event?e.keyCode:e.which;        if(key.toString() == "13"){             return false;        }        });});2.// '>'为子元素组合副$(".left_box > ul > li > a").each(function(){$(this).find("img,p").hover(function(){$(this).css("font-size","16px");$(this).next().css("font-size","16px");   },function(){$(this).css("font-size","12px");$(this).next().css("font-size","12px");});});3.//iframe 操作其他页面$("#toolbar",window.parent.frames["toolBarFrame"].document).html("当前位置:基本信息 > 我的基本信息");4.//属性选择器$("a[href^='mailto']").addClass('mailto');//所有以mailto开始的a链接的href属性$("a[href$='mailto']").addClass('mailto');//所有以mailto结束的a链接的href属性$("a[href*='mailto']").addClass('mailto');//所有任意位置包含mailto的a链接的href属性$("a[href*='mailto'][href$='mailto']").addClass('mailto'); //组合使用5.//自定义选择符$('div.horizontal:eq(1)') //带有horizontal类的div集合中选择第二项$('tr:odd').addClass('alt'); //偶数行添加alt样式$('tr:even').addClass('alt'); //奇数行添加alt样式$('tr:nth-child(even)').addClass('alt'); //奇数行添加alt样式(一个页面有多个表格时使用)$('tr:contains(henry)').addClass('alt'); //找到带有henry字符的tr 区分大小写4. 从Google Code加载jQueryGoogle Code上已经托管了多种JavaScript类库,从Google Code上加载jQuery比直接从你的服务器加载更有优势。它节省了你服务器上的带宽,能够很快的从Google的内容分布网络(CDN)上加载JS类库。更重要的是,如果用户访问那些发布在Google Code上的站点后它会被缓存下来。这样做很有意义。有多少站点使用了没有被缓存的相同jQuery副本,而这些很容易做到,引入:<script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
?

读书人网 >Web前端

热点推荐