第3章 jQuery框架和工具包.ppt

jQuery支持的位置选择器选择器说明:first第一个元素，例如divp:first选中页面中所有p元素的第一个，且该p元素是div的子元素:last最后一个元素，例如divp:last选中页面中所有p元素的最后一个，且该p元素是div的子元素:first-child第一个子元素，例如ul:first-child选中所有ul元素，且该ul元素是其父元素的第一个子元素:last-child最后一个子元素，例如ul:last-child选中所有ul元素，且该ul元素是其父元素的最后一个子元素:only-child所有没有兄弟的元素，例如p:only-child选中所有p元素，如果该p元素是其父元素的唯一元素:nth-child(n)第n个子元素，例如li:nth-child(2)选中所有li元素，且该li元素是其父元素的第2个子元素（从1开始计数）:nth-child(odd|even)所有奇数号或者偶数号子元素，例如li:nth-child(odd)选中所有li元素，且这些元素为其父元素的第奇数个元素（从1开始计数）jQuery支持的位置选择器选择器说明:nth-child(nX+Y)利用公式计算子元素的位置，例如li:nth-child(5n+1)选中所有li元素，且这些li元素为其父元素的第5n+1个元素（1、6、11…）:odd或者:even对于整个页面而言的奇数号或者偶数号元素，例如p:even为页面中所有排在偶数的p元素（从0开始计数）:eq(n)页面中的第n个元素，例如p:eq(4)为页面中的第5个元素:gt(n)页面中的第n个元素之后的所有元素（不包括第n个元素本身），例如p:gt(0)为页面中第1个p元素之后的所有元素:lt(n)页面中的第n个元素之前的所有元素（不包括第n个元素本身），例如p:lt(2)为页面中第3个p元素之前的所有元素?2012InspurGroupInspurEducationInspurEducation?2012InspurGroup?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducationInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroupInspurEducation?2012InspurGroup框架和工具包本节目标理解使用框架的好处掌握jQuery的使用掌握框架如何实现AJAX常见的框架jQuery jQuery是实现JavaScript编程最流行的框架之一，包括对Ajax支持。Prototype Prototype是一个功能强大的库，它提供了大量底层JavaScript工具函数，包括对Ajax支持。MooTools mooTools比较新，不过功能相当完备，可以从中得到屏幕效果和Ajax请求工具函数。为什么使用框架不必自己重新编写代码，直接使用框架方法，方便。框架中的代码得到了更多的测试。因为有更多的人在使用这个框架，所以出现bug的机会更少，相应的需要的测试更少。框架通常会为你考虑跨浏览器问题，所以不必担心你的JS代码在不同浏览器下的执行。这是我们使用框架的一个重要原因。使用框架的步骤1.引入框架的js文件2.调用框架中定义的Ajax方法jQuery使用Ajax$.ajax({url:“my.do”,//ajax请求的服务器地址method：”post”,//ajax请求发送方式