jquery学习(一)
2011-06-14 09:47
141 查看
原点:http://jquerymobile.com/
★ jQuery Mobile : 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。我们将尽全力去满 足这样的需求。 Sources.
学习地址:
http://www.w3school.com.cn/jquery/index.asp
jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 库。
基本上,您将学习到如何选取 HTML 元素,以及如何对它们执行类似隐藏、移动以及操作其内容等任务。
基础语法是:$(selector).action()
美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
示例
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$("p.test").hide() - 隐藏所有 class="test" 的段落
$("#test").hide() - 隐藏所有 id="test" 的元素
提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
(XPath的教程:http://www.w3school.com.cn/xpath/
XPath表达式:http://developer.51cto.com/art/200904/120512.htm)
如需完整的参考手册,请访问我们的 jQuery 选择器参考手册。
★ jQuery Mobile : 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。我们将尽全力去满 足这样的需求。 Sources.
学习地址:
http://www.w3school.com.cn/jquery/index.asp
您将学到什么
在本教程中,您将通过教程以及许多在线实例,学到如何通过使用 jQuery 应用 JavaScript 效果。jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 库。
基本上,您将学习到如何选取 HTML 元素,以及如何对它们执行类似隐藏、移动以及操作其内容等任务。
基础语法是:$(selector).action()
美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
示例
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$("p.test").hide() - 隐藏所有 class="test" 的段落
$("#test").hide() - 隐藏所有 id="test" 的元素
提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。
jQuery 选择器
jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。jQuery 使用 XPath 表达式来选择带有给定属性的元素。
(XPath的教程:http://www.w3school.com.cn/xpath/
XPath表达式:http://developer.51cto.com/art/200904/120512.htm)
更多的选择器实例
语法 | 描述 |
---|---|
$(this) | 当前 HTML 元素 |
$("p") | 所有 <p> 元素 |
$("p.intro") | 所有 class="intro" 的 <p> 元素 |
$(".intro") | 所有 class="intro" 的元素 |
$("#intro") | id="intro" 的第一个元素 |
$("ul li:first") | 每个 <ul> 的第一个 <li> 元素 |
$("[href$='.jpg']") | 所有带有以 ".jpg" 结尾的属性值的 href 属性 |
$("div#intro .head") | id="intro" 的 <div> 元素中的所有 class="head" 的元素 |
相关文章推荐
- 【jQuery学习笔记----操作样式表】
- 从零开始学习jQuery (三) 管理jQuery包装集
- jQuery学习之旅 9 动画效果
- jquery tabs 学习笔记
- jQuery学习笔记——各类选择器
- jquery的bind、delegate、on、one绑定事件学习记录
- jQuery再学习之三、jQuery操作
- JQuery in Action学习笔记一
- jQuery学习之二 jQuery选择器
- jQuery学习笔记1-5
- jQuery学习笔记:文档处理
- jQuery .tmpl(), .template()学习资料小结
- jQuery闭包学习笔记
- 学习jQuery的路上……
- jQuery操作Table学习总结
- jQuery 事件绑定(event)学习笔记
- jQuery操作Table学习总结
- jQuery学习笔记
- 从零开始学习jQuery (二)
- JQuery 参考手册 学习笔记(2)-jquery 对象访问