龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

从零开始学习jQuery之万能的选择器(1)(3)

时间:2013-03-06 14:58来源:未知 作者:admin 点击:
分享到:
四. jQuery选择器实验室 jQuery选择器实验室使用的是jQuery实战一书中的代码, 感觉对于学习选择器很有帮助. 我们的实验对象是一个拥有很多元素的页面: 49

四.  jQuery选择器实验室

jQuery选择器实验室使用的是"jQuery实战"一书中的代码, 感觉对于学习选择器很有帮助.

我们的实验对象是一个拥有很多元素的页面:

从零开始学习jQuery 之 万能的选择器

在实验室页面的"Selector"输入框中输入jQuery选择器表达式, 所有匹配表达式的元素会显示红框:

从零开始学习jQuery 之 万能的选择器

如上图所示, 在输入".myList"后点击"Apply", 下面的输出框会显示运行结果, 右侧会将选中的元素用红框显示.

代码在本章最后可以下载.

五. API文档

jQuery官方API: http://docs.jquery.com/

中文在线API: http://jquery.org.cn/visual/cn/index.xml

中文jQuery手册下载: http://down.51cto.com/data/194115

六. 总结

本章节讲解的jQuery依然属于基础支持, 所以没有太多的应用实例. 虽然基础但是很难一次全部记住, jQuery选择器可以说是最考验一个人jQuery功力的地方. 下一章我们讲解如何操作jQuery包装集以及动态创建新元素.

本章代码下载: http://down.51cto.com/data/194117

精彩图集

赞助商链接