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加载jQuery
Google 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>
 

你可能感兴趣的:(JavaScript,jquery,Ajax,css,Google)