jQuery学习更新中~

1.选择器

1.1 基本css选择器

1.2 利用位置选择

 

1.3 jQuery刷选器

1.4 选择器的demo代码

<script type="text/javascript">
 	$(function(){
 		/**************************css选择器*******************************/
 		var s1=$("#root li a");
 		var s2=$("#root > li > a");
 		//^以xxx开始，$以xxx结尾，*包含xxx字符串便可，没有时表示正好
 		var s3=$("#root > li > a[href^=http]");//ps:匹配"http:"就显示脚本错误
 		var s4=$("input[type^=text]");
 		var s5=$("input[type$=box]");
 		var s6=$("input[type*=x]");
 		var s7=$("#root > li:has(a)");//root下直接子元素的并且包含a的所有li元素
 	
 	
 		/**************************通过位置进行选择*******************************/
 		//first：得到的是第一个ul的第一个的li元素
 		//last：得到的是最后一个ul的最后一个的li元素
 		//first-child得到的是每一个的第一个的li元素
 		//last-child得到的是每一个的最后一个的li元素
 		var s8=$("body ul li:first");
 		var s9=$("body ul li:last");
 		var s10=$("body ul li:last-child");
 		var s11=$("body ul li:first-child");
 		
 		//如果某个元素是父元素中唯一的子元素，那将会被匹配
 		var s12=$("ul li:only-child");
 		
 		//得到的是每一个的第2个的li元素
 		var s13=$("ul li:nth-child(2)");
 		//odd：奇数；even:偶数
 		//得到的是最后一个ul的奇数或偶数的li元素
 		var s14=$("ul li:nth-child(odd)");
 		/**************************自定义jQuery刷选器*******************************/
 		
 		//得到已经选中的checkbox元素
 		var s15=$(":checkbox:checked");
 		var s16=$(":radio:checked");
 		alert(s16.length);
 	});
 
 </script>

2.包装集的操作

2.1 包装集的大小

2.2 从包装集获取元素

2.3 筛选元素包装集

2.4 利用关系获取包装集