html的jquery语法应用.docxVIP

教程 jQuery 语法 jQuery 语法是为 HTML 元素的选取编制，可以对元素执行某些操作。 基础语法是：$(selector).action() 美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery action() 执行对元素的操作 语法 描述 $(this) 当前 HTML 元素 $(p) 所有 p 元素 $(ro) 所有 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 中事件函数的一些例子： Event 函数 绑定函数至 $(document).ready(function) 文档的就绪事件 （当 HTML 文档就绪可用） $(selector).click(function) 被选元素的点击事件 $(selector).dblclick(function) 被选元素的双击事件 $(selector).focus(function) 被选元素的获得焦点事件 $(selector).mouseover(function) 被选元素的鼠标悬停事件 jQuery 效果 函数 描述 $(selector).hide() 隐藏被选元素 $(selector).show() 显示被选元素 $(selector).toggle() 切换（在隐藏与显示之间）被选元素 $(selector).slideDown() 向下滑动（显示）被选元素 $(selector).slideUp() 向上滑动（隐藏）被选元素 $(selector).slideToggle() 对被选元素切换向上滑动和向下滑动 $(selector).fadeIn() 淡入被选元素 $(selector).fadeOut() 淡出被选元素 $(selector).fadeTo() 把被选元素淡出为给定的不透明度 $(selector).animate() 对被选元素执行自定义动画 jQuery HTML 函数 描述 $(selector).html(content) 改变被选元素的（内部）HTML $(selector).append(content) 向被选元素的（内部）HTML 追加内容 $(selector).prepend(content) 向被选元素的（内部）HTML “预置”（Prepend）内容 $(selector).after(content) 在被选元素之后添加 HTML $(selector).before(content) 在被选元素之前添加 HTML jQuery CSS 操作 jQuery 拥有三种供 CSS 操作的重要函数： $(selector).css(name,value) $(selector).css({properties}) $(selector).css(name) jQuery CSS 函数 CSS 属性 描述 $(selector).css(name,value) 为匹配元素设置样式属性的值 $(selector).css({properties}) 为匹配元素设置多个样式属性 $(selector).css(name) 获得第一个匹配元素的样式属性值 $(selector).height(value) 设置匹配元素的高度 $(selector).width(value) 设置匹配元素的宽度 jQuery AJAX 请求 请求 描述 $(selector).load(url,data,callback) 把远程数据加载到被选的元素中 $.ajax(options) 把远程数据加载到 XMLHttpRequest 对象中 $.get(url,data,callback,type) 使用 HTTP GET 来加载远程数据 $.post(url,data,callback,type) 使用 HTTP POST 来加载远程数据 $.getJSON(url,data,callback) 使用 HTTP GET 来加载远程 JSON 数据 $.getScript(url,callback) 加载并执行远程的 JavaScript 文件 (url) 被加载的数据的 URL（地址） (data) 发送到服务器的数据的键/值对象 (callback) 当数据被加载时，所执