任务一: jQuery快速入门 让教学更简单,让∏学习更有效 使用 jQuery 运行结果展示 http://www.bxg"ct6/test.htmlx+ Gewww.bxg.com/project6/test.html R口查看器D>拉制@调试器区样式喘辑器⊙性能7降络日回回非口日x 网络③)··cs·-·安全四··日志)清空③)[过输出 原字符串:[he11 test, htmL: 5: 1 去除两端空格:[he11o test. html: 6:1 9 起
任务一：jQuery快速入门 让IT教学更简单，让IT学习更有效 使用jQuery 运行结果展示
任务一: jQuery快速入门 让教学更简单,让∏学习更有效 什么是 jQuery 2、获取 jQuery 3、使用 jQuery 4、 jQuery对象 引入知识点 5、 jQuery选择器 6、元素内容操作 9 起
让IT教学更简单，让IT学习更有效 引 入 知 识 点 任务一：jQuery快速入门 1、什么是jQuery 2、获取jQuery 3、使用jQuery 4、jQuery对象 5、jQuery选择器 6、元素内容操作
任务一: jQuery快速入门 让教学更简单,让∏学习更有效 jQuery对象 jQuery对象是对DOM对象的一层包装,它的作用是通过自身提供的一系列快 捷功能来简化DoM操作的复杂度,提高程序的开发效率,同时解决了不同浏 览器的兼容问题 回
任务一：jQuery快速入门 让IT教学更简单，让IT学习更有效 jQuery对象 jQuery对象是对DOM对象的一层包装，它的作用是通过自身提供的一系列快 捷功能来简化DOM操作的复杂度，提高程序的开发效率，同时解决了不同浏 览器的兼容问题
任务一: jQuery快速入门 让教学更简单,让∏学习更有效 jQuery对象 <script> /创建一个 jQuery对象,该对象包装了 document对象 var sdoc=$(document); /在控制台中输出 JQuery对象 console. log(sdoc) </script> $( document)表示将 document对象转换为 Query对象 console. log0可以查看其内部结构 回
任务一：jQuery快速入门 让IT教学更简单，让IT学习更有效 jQuery对象 • $(document)表示将document对象转换为jQuery对象 • console.log()可以查看其内部结构
任务一: jQuery快速入门 让教学更简单,让∏学习更有效 jQuery对象 口查看器>拉制白⑩调试器区样式肩器⊙性能网络日回回口x 网络⑩-。css-。 °安全凹·日志)·[Q过属性 Object t 0: HTMLDocument+ index. htmL: 10: oBject index. html, context: HTMLDocument+ >0: HTMLDocument - indexhtml index. htmL, length: 1 3 context: HTMLDocument - index html length: 1 proto: Object jQuery对象内部有三个元素 数组元素0表示其内部的DOM对象,即 document对象 length表示其内部数组元素的个数,一个 jQuery对象中可以包装多个DOM对象。◆ 通过_poto_可以查看该对象的的原型(即Quey本身)所具有的属性种方法 起
任务一：jQuery快速入门 让IT教学更简单，让IT学习更有效 jQuery对象 • jQuery对象内部有三个元素。 • 数组元素0表示其内部的DOM对象，即document对象 • length表示其内部数组元素的个数，一个jQuery对象中可以包装多个DOM对象。 • 通过__proto__可以查看该对象的的原型（即jQuery本身）所具有的属性和方法