注意：本教程参考自网上流传的李兴华老师的jquery开发框架视频，但是苦于没有相应的配套笔记，由我本人做了相应的整理.

本次学习的内容

学习jquery提供的各种选择器的使用，掌握了jquery选择器就相当于掌握了jquery核心。

具体内容

在dom操作里面可以使用getElementById()与getElementsByTagName()两个函数进行元素的选择，但是这两个函数也仅仅只能够进行元素的选择。例如：如果说现在要写根据样式选择？或者说根据属性选择？不可能直接做到，需要进行大量的javascript编程才可以实现这样的功能，而这些操作在jquery里面可以轻松的实现

基础选择器

在之前使用过一个”$(id)”这样的操作来找到某一个html元素，但是这样的选择器在jquery里面还有许多，比如下面给出几个基础的选择器使用形式：

范例：根据ID选择元素

虽然此时可以实现根据id取出指定元素，但是会有一个限制出现，在实际的开发之中，很多的表达参数(name与id属性一致，也就是说如果参数名称是a,那么id也是a)名称上都会带有”.”，依靠“.”来实现简单java类对象属性的自动赋值操作。

范例：有”.”的参数

范例：取得元素对象

       定义一个mldn.css的文件，保存所需要的样式内容

.infocls {	background: red;	color: yellow;	font-weight: bold;	border: 3px #00ff00 solid;}

					
    		
    								
    
     www.mldn.cn -a
    
		
    
			
     www.mldn.cn -b		
    
		www.mldn.cn -c	

这种操作的形式就好像是直接利用了getElementsByTagName()的函数形式不关心所有的结构层次，只关心元素的名称信息。

根据样式选择元素

					
    		
    								
    
     www.mldn.cn -a
    
		
    
			
     www.mldn.cn -b		
    
		www.mldn.cn -c			

范例：选择所有元素

					
    		
    								
    
     www.mldn.cn -a
    
		
    
			
     www.mldn.cn -b		
    
		www.mldn.cn -c			

范例：取得多个元素名称的对象

					
    		
    								
    
     www.mldn.cn -a
    
		
    
			
     www.mldn.cn -b		
    
		www.mldn.cn -c			

如果说前面的几个选择器还可以通过正常的dom支持来实现的话，那么根据样式的选择或者是根据元素名称的选择，那么就不能够直接得到支持了，都需要经过编程实现。

在使用基础选择器的过程之中，利用”,”可以分隔多个选择器，但是需要强烈注意一点的是：不要增加无谓的空格。