jquery几个基础概念

1、工厂函数$()

     作用：消除使用for循环访问一组元素的需求，因为放到圆括号中的任何元素都将自动执行循环遍历，并且会被保存到一个

               jQuery对象中。 在$()函数的圆括号中使用的参数几乎没有什么限制。

      eg：

               $('p')会取得文档中所有的段落。

         ID：$('#some-id')会取得文档中具有对应的some-id ID的一个元素。

          类：$('.some-class')会取得文档中带有some-class类的所有元素。

 

2、CSS选择符

     作用：使得开发者在增强自己的网站时，不必为哪种浏览器（特别是IE 6及更低版本）可能会不理解高级的选择符而担

              心，只要该浏览器启用了JavaScript就没有问题。

 

3、$(document).ready() 结构时，位于其中的所有代码都会在DOM加载后立即执行。

 

4、XPath选择符

      作用：是在XML文档中识别不同元素或者元素值的一种语言，与CSS在HTML文档中识别元素的方式类似。

      eg：

     1)、在涉及属性选择符时，jQuery使用了XPath中的惯例来标识属性，即将属性前置一个@符号并放在一对方括号中。

          也就是说，jQuery没有采用 CSS中不够灵活的属性选择符语法。

         例如，要选择所有带title属性的链接，可以使用下面的代码：

                    $("a[@title])")

     2)、方括号在XPath语法中还有一种用途，即在不带前置@符号的情况下，可以用来指定包含在另一个元素中的元素。

            例如，我们可以通过下面的选择符表达式，取得包含一个ol元素的所有div元素 ：

                    $("div[ol]")

 

5、自定义选择符

      自定义选择符的语法与CSS中的伪类选择符语法相同，即选择符以一个冒号（:）开头。

      eg1：我们想要从匹配的带有horizontal类的div集合中，选择第2个项，那么应该使用下面的代码：

                    $("div.horizontal:eq[1]")

      eg2:jQuery库中的两个十分有用的自定义选择符是:odd和:even。如何通过这两个选择符为表格添加基本的条纹样

             式，针对下面的HTML表格：

 

<table>
		<tr>
			<td>	Hello		</td>
			<td>	This is json		</td>
		</tr>
		<tr>
			<td>	Hi		</td>
			<td>	My name is tank		</td>
		</tr>
		<tr>
			<td>	Nice to meet you		</td>
			<td>	too		</td>
		</tr>
	</table>

 

     CSS样式表：

 

.odd{
	background-color:#FFC;/*奇数行的背景颜色为黄色*/
	}
.even{
	background-color:#CEF;/*偶数行的背景颜色为绿色*/
	}

 jQuery代码：

    $(document).ready(function(){

       $("tr:odd").addClass("odd");

       $("tr:even").addClass("even");

     })