《HTML5基础知识、核心技术与前沿科技》一书中提到HTML5的开源类库JQuary,看过之后略微总结一下:
JQuary能够是我们方便的操作html的节点、对象、时间、动画,其用法比原生的javascript更加简单。
JQuary类库就是一个集成js文件,是一套简洁快速灵活的javascript脚本库,其中已经设计好了相应的方法,只需要引入并应用即可,相当于Java中的jar包,集成了开发人员所需的常用方法。
jQuery 语法:
jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。
基础语法是:$(selector).action()
- 美元符号定义 jQuery
- 选择符(selector)“查询”和“查找” HTML 元素
- jQuery 的 action() 执行对元素的操作
文档就绪函数:
您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中:
$(document).ready(function(){
--- jQuery functions go here ----
});
这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,判断文档是否加载完毕。
如果在文档没有完全加载之前就运行函数,操作可能失败。
JQuary选择器
语法 | 描述 |
---|---|
$(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" 的元素
|
在《jsp程序设计慕课版》一书中也提及了JQuary,在jsp中可应用
JQuary实现Ajax,具体消息的介绍可点击文件地址下载文件查看:
文件地址
如需要查看详细的关于jquary的相关学习文档可查看
链接