jQuery基础入门ppt分析.ppt

jQuery对象和DOM对象的区别 注意用“$”选中的元素（jQuery对象）和用DOM方法选中的元素（DOM对象）含义并不相同 var one=getElementById(“one”); $(“#one”) 表现在jQuery对象的方法和属性与DOM对象的并不相同，如 one.onclick() $(“#one”).click() jQuery中的“$”及其作用 4. 创建DOM元素 使用“$”可以直接创建DOM元素： var newP =$(p武广高速铁路即将通车！/p); 创建了DOM元素后，将这个元素插入到在页面的某个具体位置上 newP.insertAfter(“#chapter”); //将创建的newP元素插入到ID为#chapter的元素之后 或者 newP.appendTo(body); 创建DOM元素的方法总结 将新元素插入到匹配元素的里的方法： append() appendTo () prepend () prependTo () append()表示在原有元素中插入新元素 $ (body) append(newP); appendTo ()表示将新元素插入到原有元素里newP.appendTo(body); 将新元素插入到匹配元素的盘边 after () insertafter () before () insertbefore () 将新元素包含住匹配的元素 wrap () jQuery 基础教程 内容简介 jQuery的由来及简介 一 jQuery对象和DOM对象 二 jQuery选择器 三 jQuery中的DOM操作 四 使用jQuery创建动画效果 三 五 JavaScript框架简介 随着JavaScript、CSS、Ajax等技术的不断进步，越来越多的开发者将一个又一个丰富多彩的程序功能进行封装，供其他人可以调用这些封装好的程序组件（框架） 当前流行的 JavaScript 库有: jQuery简介 jQuery 由美国人John Resig创建， jQuery 是一个 JavaScript 函数库。jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITELESS,DO?MORE,写更少的代码,做更多的事情 它是轻量级的js库(压缩后只有21k)?，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器（IE?6.0+,?FF?1.5+,?Safari?2.0+, Opera9.0。 jQuery简介 jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML?documents、 events、实现动画效果，并且方便地为网站 提供AJAX交互?jQuery是一个快速的，简洁的 javaScript库，使用户能更方便地处理 HTML? documents、events、实现动画效果 ，并 且方便地为网站提供AJAX交互。 jQuery还 有一个比较大的优势是，它的文档说明很全 ， 而且各种应用也说得很详细，同时还有 许多成熟的插件可供选择。 jQuery的优势 轻量级 （Lightweight） 强大的选择器 出色的DOM操作封装 可靠的事件处理机制 出色的浏览器兼容性 jQuery 理念: 写得少, 做得多 jQuery特性 jQuery 库包含以下特性： HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。 可以通过下面的标记把 jQuery 添加到网页中： 注意：script 标签应该位于页面的 head 部分。 jQuery语法 通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行“操作”（actions）。 jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。 基础语法是：$(selector).action() ?美元符号定义 jQuery ?选择符（selector）“查询”和“查找” HTML 元素 ?jQuery 的 action() 执行对元素的操作 jQuery语法 jQuery 语法实例 $(this).hide() jQuery hide() 函数，隐藏当前的 HTML 元素。 $(