Java后端笔记（8）Ajax和JQuery

1.JQuery

JQuery：js的库文件，简化编写js代码的过程

1）window.onload和ready的异同：

当整个文档加载完毕后调用函数

共同点：都是整个文档加载完毕之后执行

区别：ready（）：文本节点加载完毕之后就可以执行，不必等图片节点也加载完

2）用法：

a）引入:

<script type="text/javascript" charset="utf-8" src="static/patients_js/jquery-1.8.0.js" ></script>

b）写函数:

<script type="text/javascript" >

$(document).ready(function( ){

alert("hello");

}

</script>

2.JQuery用来定位文档元素的方式：

1)选择器（和CSS中选择器一样，且可扩展）

ID选择器：$( " # id " )

类选择器：$( ".classname" )

标签选择器：$( "标签名字" )

想读更多 ->

jQuery Tooltip插件

jQuery Tooltip 插件取代了原生的工具提示框，让它们可自定义，您只需要调整它们的内容、位置和外观即可。

该插件目前版本是 1.3，已经很长时间没有更新，推荐使用 jQuery UI 工具提示框（Tooltip）。

如需了解更多有关 jQuery UI 工具提示框（Tooltip）的细节，请查看 API 文档 jQuery UI 工具提示框部件（Tooltip Widget）。

实例演示

jQuery Tooltip 插件演示。

正常情况下

2、点击后效果

点击后效果

jQuery核心代码：

$(function() {

$('span').click(function() {

$(this).siblings().each(function() {

$(this).removeClass('reds');

})

$(this).addClass('reds');

$(th

想读更多 ->

jQuery HTML / CSS 方法

下面的表格列出了所有用于处理 HTML 和 CSS 的 jQuery 方法。

下面的方法适用于 HTML 和 XML 文档。除了：html() 方法。

想读更多 ->

HTML标签——HTML的option标签

定义和用法

option 元素定义下拉列表中的一个选项（一个条目）。

浏览器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显示。

option 元素位于 select 元素内部。

实例

创建带有 4 个选项的选择列表：

HTML 与 XHTML 之间的差异

在 HTML 中，<option> 没有结束标签。

在 XHTML 中，<option> 必须被正确关闭。

提示和注释：

注释：<option> 标签可以在不带有任何属性的情况下使用，但是您通常需要使用 value 属性，此属性会指示出被送往服务器的内容。

注释：请与 select 元素配合使用此标签，否则这个标签是没有意义的。

提示：如果列表选项很多，可以使用 <optgroup> 标签对

想读更多 ->

HTML简单的 标签

实例

设置参数 "autoplay" 为 "true"，音频载入后会自动播放：

<object data="horse.wav">

<param name="autoplay" value="true">

</object>

浏览器支持

想读更多 ->

HTML 简单的

标签

实例

<article> 的页眉：

<article>

<header>

<h1>Internet Explorer 9</h1>

<p><time pubdate datetime="2011-03-15"></time></p>

</header>

<p> Windows Internet Explorer 9(缩写为 IE9 )是在2011年3月14日21:00发布的</p>

</article>

浏览器支持

浏览器支持

想读更多 ->

社联党建：关于申领《广州市社会组织学习宣传贯彻党的十九大精神材料汇编》的通知

全市各社会组织：

党的十九大胜利召开后，广州社联党委按照中央、省委、市委和市民政局党组、市社会组织党委的部署要求，制定了以十九个专项活动为抓手的具体工作方案，组建了广州市社会组织学习宣传贯彻党的十九大精神宣讲团，持续深入推进党的十九大精神学习宣传贯彻工作。

为将党的十九大精神传达到全市各社会组织，把全市社会组织的思想和行动统一到党的十九大精神上来，市社会组织党委和广州社联党委共同编印了《广州市社会组织学习宣传贯彻党的十九大精神材料汇编》，内容包括：习近平总书记在党的十九大上的报告、党的十九大修订后的《中国共产党章程》及一系列学习党的十九大精神的专题文章、评论、报道等。请全市各社会组织积极申领，用党的十九大精神和习近平新时代中国特色社会主义思想武装头脑、指导实践、推动工作，紧密联系实际推动社会组织健康有序发展，为决胜全面建成小康社会，夺取新时代中国特色社会主义伟大胜利作出积极贡献。

<map name="planetmap">

<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">

<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">

<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">

</map>

浏览器支持