jquery

CSS
CSS css(properties) 把一个“ 值对” 把一个“名/值对”对象设置为所有匹配元素的样式 属性 属性名包含 "-"的话，必须使用引号 css(name,value) 在所有匹配的元素中，设置一个样式属性的值
事件
事件 页面载入事件 事件处理 bind , one , trigger, triggerHandler, unbind 交互处理 hover, toggle 事件 click, mouse event, keyboardevent等. keyboardevent等
Jquery的一些用法 Jquery的一些用法
$(elements) 将一个或多个DOM元素转化为 将一个或多个DOM元素转化为 jQuery对象 注意是jQuery对象，而不是 jQuery对象 注意是jQuery对象，而不是 DOM对象。如果我想得到DOM对象呢？很 DOM对象。如果我想得到DOM对象呢？很 简单，只需在其后跟一个索引值（如 get[0]） get[0]）—因为它得到的是一个对象数组， 即可得到DOM对象。然后就可以使用 即可得到DOM对象。然后就可以使用 innerHTML、innerText等DHTML方法和 innerHTML、innerText等DHTML方法和 属性了
效果
效果 show() 显示隐藏的匹配元素 show(speed,[callback]) 以优雅的动画显示所有匹配的元素，并在显示完成 后可选地触发一个回调函数 hide() 隐藏显示的元素
效果
hide(speed,[callback]) 以优雅的动画隐藏所有匹配的元素，并在显示完成 后可选地触发一个回调函数 toggle() 切换元素的可见状态
选择器
可见性选择器 hidden, visible. 属性选择器 [*=value], [attribute =value], [attribute]等 [attribute]等 子元素选择器 firstfirst-child, last-child, nth-child(index), lastnthonlyonly-child. 表单选择器 button, checkbox, file, hidden等. hidden等 表单对象属性选择器 checked, disabled, enabled, selected.
腾飞软件教育
Jquery学习 Jquery学习
jQuery特点 jQuery特点
jQuery是美国人John Resig于2006年初建立的 jQuery是美国人John Resig于2006年初建立的 一个轻量级javascript库 一个轻量级javascript库(即一个快速的，简洁的 javaScript库 javaScript库). 兼容各种浏览器(例如支持Internet 兼容各种浏览器(例如支持Internet Explorer 6+、Opera 9+、Firefox 1.5+、Safari 2+) 6+、 9+、 1.5+、 简单：较其它JS库更容易入门，中、英文档很齐 简单：较其它JS库更容易入门，中、英文档很齐 全 使用户能更方便地处理HTML文档、事件、实现 使用户能更方便地处理HTML文档、事件、实现 动画效果，并且方便地为网站提供Ajax交互 动画效果，并且方便地为网站提供Ajax交互
选择器
选择器 返回jQuery对象 返回jQuery对象 基本选择器 *, class,element, id, selector1, selector2等. selector2等 层级选择器 ancestor descendant, parent > child, prev + next , prev ` siblings 简单选择器 even, odd, eq[index], last, first等 first等 内容选择器 contains[text], empty, parent, has[selector]等. has[selector]等
属性
属性 attr(name) 取得第一个匹配元素的属性值 attr(properties) 将一个“ 将一个“名/值”形式的对象设置为所有匹 配元素的属性 attr(key,value) 为所有匹配的元素设置一个属性值
class
class
addClass(class)
为每个匹配的元素添加指定的class 为每个匹配的元素添加指定的class removeClass(class) 从所有匹配的元素中删除全部或者指定的 class 例如event.html 例如event.html
DOM文档处理 DOM文档处理
DOM文档处理 DOM文档处理 内部插入 append(content), appendTo(content), prepend(content), prependTo(content). 外部插入 after(content), before(content), insertAfter(content), insertBefore(content).
Ajax
$.ajax(options) $.get(”search.do” $.get(”search.do”,{id:1},rend); function rend(xml){ alert(xml); }(1) $.post(”search.do” $.post(”search.do”,{id:1},rend); function rend(xml){alert(xml);}(2) $(”#msg”).ajaxStart(function(){this.html(”正在 $(”#msg”).ajaxStart(function(){this.html(” 载入..” 载入..”);});(3) $(”#msg”).ajaxSuccess(function(){this.html(” $(”#msg”).ajaxSuccess(function(){this.html(” 加载完成！” 加载完成！”); });(4) 通过 HTTP 请求加载远程数据
Jquery常用功能 Jquery常用功能
获取页面中的元素 修改页面的外观 修改页面的内容 响应用户的页面操作 为页面添加动态效果 无刷新返回服务器端的信息 简化常见JS操作 简化常见JS操作 Jquery这些功能简化javascript和ajax编程，能够 Jquery这些功能简化javascript和ajax编程，能够 使程序员从设计和书写繁杂的JS应用中解脱出来， 使程序员从设计和书写繁杂的JS应用中解脱出来， 将关注点转向功能需求而非实现细节上，从而提 高项目的开发速度
Jquery的一些用法(核心函数) Jquery的一些用法(核心函数)
核心函数 $(expression,[context])
接收一个包含 CSS 选择器的字符串，然后用 这个字符串去匹配一组元素,jQuery 这个字符串去匹配一组元素,jQuery 的核心功能都是 通过这个函数实现的
$(html) 根据提供的原始 HTML 标记字符串，动 态创建由 jQuery 对象包装的 DOM 元素
Jquery安装配置 Jquery安装配置
jQuery下载 jQuery下载 官方网站下载：/ 官方网站下载：/ 在页面头部head中，添加js 在页面头部head中，添加js
<script type="text/javascript" src="./script/jquery.js"></script>
Jquery的一些用法(页面载入) Jquery的一些用法(页面载入)
页面载入
• $(document).ready(callback); • $(document).ready(function() {}); →简 写$(function(){});
绑定一个在DOM文档载入完成后执行的函 绑定一个在DOM文档载入完成后执行的函 数 同一个页面上可以多次使用 例如 helloworld.html
HTML
HTML html() 取得第一个匹配元素的html内容 取得第一个匹配元素的html内容 html(val) 设置每一个匹配元素的html内容 设置每一个匹配元素的html内容
文本
文本 text()、 text()、text(val) 和HTML类似 HTML类似
值
值 val() 获得第一个匹配元素的当前值 val(val) 设置每一个匹配元素的值