jQuery基础入门.ppt

练习6: 多选框应用 练习7: 下拉框应用 JQuery 可以通过 $.get() 或 $.post() 方法来加载 xml. JQuery 解析 XML 与解析 DOM 一样, 可以使用 find(), children() 等函数来解析和用 each() 方法来进行遍历 JQuery 加载并解析 XML 练习8: 使用 JQuery 实现级联对话框 练习9: 使用 JQuery 实现 在 eclipse 中安装 Aptana 插件 把下载好的插件里的内容（只保留features和plugins这两个文件夹）放在eclipse 的 aptana 文件夹中 在eclipse文件夹里新建一个links文件夹，里面再建一个aptana.link文件，内容为path=/aptana 让 Aptana 提示 jQuery Dreamweaver CS4和Aptana都支持jQuery提示 jQuery中的“$”及其作用 1. “$”用作选择器 script type=text/JavaScript src=jquery-1.2.6.js/script script type=text/JavaScript $(document).ready(function(){ //页面载入后执行 $(h2a).css(color,red); $(h2a).css(textDecoration,none); }); /script 则使得本来不支持子选择器的IE 6也能支持子选择器了 , jQuery对象和DOM对象的区别 注意用“$”选中的元素（jQuery对象）和用DOM方法选中的元素（DOM对象）含义并不相同 var one=getElementById(“one”); $(“#one”) 表现在jQuery对象的方法和属性与DOM对象的并不相同，如 one.onclick() $(“#one”).click() jQuery中的“$”及其作用 2. “$”用作功能函数前缀 (1) 遍历数组 $.each( [0,1,2], function(i){document.write( Item # + i +br /); }); (2) 遍历选择器中的元素 $(function(){ $(img).each(function(index){ this.title = 这是第 + (index+1)+ 幅图，路径是： + this.src; }); }); jQuery中的“$”及其作用 3. 用作$(document). ready() $(document).ready(function(){ (#loading).css(display,none); }) jQuery的写法则会使页面仅加载完DOM结构后就执行，即加载完html文档后，还没加载图像等其他文件就执行ready()函数，给图像添加“display:none”的样式，因此id为“loading”的图片不可能被显示。 所以$(document). ready()比window.onload载入执行更快 $(document). ready()比window.onload的比较 $(document). ready()的优势 在DOM文档载入后就执行，载入速度更快； 如果找不到DOM中的元素，能够自动容错； 在页面中多个地方使用ready()方法不会发生冲突 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的选择器 要使某个动作应用于特定的html元素，需要有办法找到这个元素。在jQuery中，执行这一任务的方法称为jQuery选择器。 jQuery选择