任务一: 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选择器 在程序开发过程中,经常需要对HTML元素进行操作,在操作前必须先准确 地找到对应的DOM元素。为此, jQuery提供了类似CSS选择器的机制,利 用 jQuery选择器可以很轻松的获取DOM元素。 回
任务一：jQuery快速入门 让IT教学更简单，让IT学习更有效 jQuery选择器 在程序开发过程中，经常需要对HTML元素进行操作，在操作前必须先准确 地找到对应的DOM元素。为此，jQuery提供了类似CSS选择器的机制，利 用jQuery选择器可以很轻松的获取DOM元素
任务一: jQuery快速入门 让教学更简单,让∏学习更有效 jQuery选择器 使用 JqUery选择器的基本语法为“$(选择器)”,其中最常用的选择器分别为 标签选择器、类选择器和D选择器 选择器 功能描述 示例 element 根据指定元素名匹配所有元素 s("dⅳ")选取所有的<dN>元素 根据指定类名匹配所有元素 s("test")选取所有cass为test的元素 根据指定d匹配一个元素 s("#test")选取d为test的元素 回
任务一：jQuery快速入门 让IT教学更简单，让IT学习更有效 jQuery选择器 使用jQuery选择器的基本语法为“$(选择器)”，其中最常用的选择器分别为 标签选择器、类选择器和ID选择器。 选择器 功能描述 示例 element 根据指定元素名匹配所有元素 $("div") 选取所有的<div>元素 .class 根据指定类名匹配所有元素 $(".test") 选取所有class为test的元素 #id 根据指定id匹配一个元素 $("#test") 选取id为test的元素
任务一: jQuery快速入门 让教学更简单,让∏学习更有效 jQuery选择器 <body> <div class="myclass"></div> <div class="myclass></div> 获取d为myid的元素 var myID= $(#myid") 获取 class为 myclass的所有元素 var my Class=$("myclass"); console. log(myID); console. log(myClass); </scrip R白查看器 调试器〖样式编辑器◎性能 网络日画非口x 网络①)-●css 安全①0日志0)-清空) 过源输出 Object i 0: <div#myid> D, length: 1, context: HTMLDocument test htmL, selector: "#myid" test. htmL: 9:3 Object( 0: <div myclass> 0, 1: <div myclass> D, length: 2, prevobject: Object, context test. html: 10: 3 HTMLDocument test. html, selector:"myclass 起
任务一：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、元素内容操作