excelperfect 在下图1所示的工作簿Data.xlsx的工作表Sheet1中，存放着待使用的数据。 ?...图1 在下图2所示的工作簿GetData.xlsm中，根据列C中的数据，在上图1的工作簿Data.xlsx的列E中查找是否存在相应数据的单元格。 ?...图2 然后，将Data.xlsx中对应行的列I至列K单元格中的数据复制到GetData.xlsm相应的单元格中，如下图3所示。 ?...As Long Dim wksData As Worksheet Dim rng As Range Dim rngFound As Range '赋值为存储数据的工作表...Exit Sub Else '遍历所选的单元格 For Each rng In Selection '在数据工作表中查找相应的值所在的单元格
props:用于附加到新创建元素上的属性、事件和方法 返回值：返回新创建标签的jQuery包装对象 // jq的 appendTo，类似DOM的appendTo方法 $("Hellohtml):返回一个HTML字符串，用于追加到每一个匹配元素的里边。接受两个参数，index参数为对象在这个集合中的索引值，html参数为这个对象原先的html值。...返回值： 返回当前的jQuery包装对象。...参数: html， String类型，HTML标记代码字符串，用于动态生成元素并包裹目标元素 element， Element类型，用于包装目标元素的DOM元素。...3.5 获取位置和偏移量 3.5.1 position() 概述 获取匹配元素相对父元素的偏移。此方法只对可见元素有效。从边框开始计算。
; return false; } } ); } ); 文本框元素的标签名是input，type属性的值是text，所以获取所有文本框的属性选择器就可以这样写：$("input[type...表4-1-3 表单选择器 名称 说明 :input 匹配并获得表单中所有input, textarea, select和button元素 :text 匹配并获得所有的文本框 ...:even 匹配所有索引值为偶数的元素，从0开始计数 :odd 匹配所有索引值为奇数的元素，从0开始计数 :eq ( index ) 匹配一个给定索引值的元素，从0开始计数 ...:gt ( index ) 匹配所有大于给定索引值的元素，从0开始计数 :lt ( index ) 匹配所有小于给定索引值的元素，从0开始计数 示例4.7展示了过滤选择器的具体用法，代码如下所示...> html> 为了更清晰的演示过滤选择器的索引，我们在本示例中添加了一个9行2列的表格，然后使用各种过滤选择器获取表格中的行。
示例4.1演示了表4-1-1中前两种层次选择器的用法，下面我们通过示例4.2演示后两种层次选择器的用法。...4.1.2 属性选择器 顾名思义，属性选择器是指通过元素某个属性及其值来匹配并获取相关元素的。具体说明见表4-1-2所示。...;return false;}});}); 文本框元素的标签名是input，type属性的值是text，所以获取所有文本框的属性选择器就可以这样写：$("input[type='text...表4-1-3 表单选择器 名称 说明 :input 匹配并获得表单中所有input, textarea, select和button元素 :text 匹配并获得所有的文本框 :password 匹配并获得所有密码框...，从0开始计数 :odd 匹配所有索引值为奇数的元素，从0开始计数 :eq ( index ) 匹配一个给定索引值的元素，从0开始计数 :gt ( index ) 匹配所有大于给定索引值的元素，从0开始计数
表7-1-2 节点删除函数 函数 说明 remove( ) A.remove( )，把A从页面中删除掉 empty( ) A.empty( )，把A中的所有子元素删除掉 这两个函数都比较简单，下面通过一些示例来演示这些函数的用法...表7-1-4 节点过滤函数 节点过滤函数 说明 eq( ) 按索引获取匹配元素中的第n个元素，索引从0开始 first( ) 获取匹配元素中的第1个元素 last( ) 获取匹配元素中的最后1个元素...："+$(":text").first().val()+"\n";var t2="索引是1的文本框的值是："+$(":text").eq(1).val()+"\n";var t3="最后一个文本框的值是...添加节点时，需要先单击选中某个一级或二级节点，然后在文本框中填写新添加的节点名，单击【添加】按钮把节点名作为新节点添加到选中的节点下面。删除节点只实现删除三级节点即可。...二、上机练习 使用jQuery节点操作函数实现表格内容的修改。当单击【修改】按钮时，单元格中的文本信息替换为文本框；单击【确定】按钮时，文本框中的数据显示到单元格中。
表7-1-2 节点删除函数 函数 说明 remove( ) A.remove( )，把A从页面中删除掉 empty( ) A.empty( )，把A中的所有子元素删除掉 这两个函数都比较简单...表7-1-4 节点过滤函数 节点过滤函数 说明 eq( ) 按索引获取匹配元素中的第n个元素，索引从0开始 first( ) 获取匹配元素中的第1个元素 last( ) 获取匹配元素中的最后1...："+$(":text").first().val()+"\n"; var t2="索引是1的文本框的值是："+$(":text").eq(1).val()+"\n"; var t3="最后一个文本框的值是...添加节点时，需要先单击选中某个一级或二级节点，然后在文本框中填写新添加的节点名，单击【添加】按钮把节点名作为新节点添加到选中的节点下面。删除节点只实现删除三级节点即可。...二、上机练习 使用jQuery节点操作函数实现表格内容的修改。当单击【修改】按钮时，单元格中的文本信息替换为文本框；单击【确定】按钮时，文本框中的数据显示到单元格中。
使用传统的JavaScript就能处理这些交互，但是jQuery增加并扩展了JavaScript事件处理机制，使其使用起来更加优雅和灵活。本章我们重点讲解jQuery中的各种事件以及事件的绑定。...属性 说明 type 获取事件类型 target 获取触发事件的元素 result 获取上一个事件处理函数返回的值 which 获取在鼠标单击事件中获取鼠标的按键，值1表示鼠标左键；值2表示鼠标中键；值...我们给按钮绑定了鼠标单击事件，在该事件中主要实现动态生成行和单元格并添加到表中，同时给所有的行绑定了鼠标单击事件，用来实现背景色的改变。...添加过两个商品后，表格中一共有3行数据，第1行是原本存在的，后两行是动态创建并添加到表格上的。现在单击表格中的行，我们会发现只有第1行的背景色可以改变，后两行的背景色没有改变。...我们使用on函数给按钮绑定了单击事件，并在该事件中通过传参的形式把文本框的值传给处理函数。
属性 说明 type 获取事件类型 target 获取触发事件的元素 result 获取上一个事件处理函数返回的值 which 获取在鼠标单击事件中获取鼠标的按键，值1表示鼠标左键；值2表示鼠标中键...；值3表示鼠标右键 pageX/Y 获取事件发生时相对于页面的坐标 keyCode 获取在键盘事件中键盘对应的键值 screenX/Y 获取事件发生时相对于屏幕的坐标 data 事件发生时传递的参数的信息都保持在该属性中...我们给按钮绑定了鼠标单击事件，在该事件中主要实现动态生成行和单元格并添加到表中，同时给所有的行绑定了鼠标单击事件，用来实现背景色的改变。...添加过两个商品后，表格中一共有3行数据，第1行是原本存在的，后两行是动态创建并添加到表格上的。现在单击表格中的行，我们会发现只有第1行的背景色可以改变，后两行的背景色没有改变。...我们使用on函数给按钮绑定了单击事件，并在该事件中通过传参的形式把文本框的值传给处理函数。
和原生态JavaScript代码的比较，同时讲解$()和val(),size(),html()的用法（10分钟） 讲解JQuery的选择器类型（id,.class,element）强调和CSS样式中的选择器相同...讲解each()方法的使用 第二阶段：操纵Form表单数据：本章通过向Form表单添加JSON数据和从Form表单中获取JSON数据来展示JQuery的选择器作用和属性操作。...(){ var update=input.val();//获取文本框中的value input.remove();//移除文本框...td.text(update);//将文本框中的值放入到单元格中 }); }); } 讲解过程中先不讲解关于样式的内容 1）先能实现添加文本框 2）并把表格中的文本加入到文本框中...3）失去焦点后将文本框中的内容放入到表格中并删除文本框； 4）添加样式让文本框和表格的宽高一致（注意预先在样式中要先定义好td的宽和高），并去掉文本框的边框，让文本框和表格的边框看起来一致，就好像直接在单元格中编辑一样
等效innerText 获取元素文本 元素对象.text(); 修改元素文本 元素对象.text(“xxx”); 获取和修改元素的html内容 等效innerHTML 获取元素html 元素对象.html...(); 修改元素html 元素对象.html("xxxx"); 获取和修改元素的css样式 获取元素样式 元素对象.css(“background-color”); 修改元素样式 元素对象....css(“样式名”,“值”); 批量修改元素样式 元素对象.css({“样式名1”:“值”,“样式名2”:“值”}); 获取和修改元素的属性 获取元素属性 元素对象.attr(“属性名”); 修改元素属性...$("input:first").attr("checked")); }) html> ---- 引入了jquery-1.4.2.js文件可以从网上下...,或者从我这里下,无需积分免费下载:jquery-1.4.2.js
目录 val 方法 text 方法 html 方法 内容及值的操作 注意：对比js，js中使用的获取属性和为属性设置的方式，jquery中使用的是方法； val 方法 val() 用于获取单行文本框的值...选择id元素 $obj.val();//jQuery获取文本框值的方法 obj.value; //JavaScript获取文本框值的方法 val('') 用于设置单行文本框的值 var $obj =...设置单行文本框的值 obj.value='helloWorld'; //JavaScript设置单行文本框的值 text 方法 text() 用于获取多行文本值（textarea,其他标签中的去除html...获取id元素 $obj.text(); //jQuery获取多行文本值 obj.innerText; //JavaScript获取多行文本值 text("内容") 用于设置多行文本的值（textarea...():用于获取标签中的html代码（html标签+文本） function fun5() { $("#ipt4").html(); } html("内容")：用于设置标签中的html代码 function
2.2.8 表单选择器 选择器 功能描述 :input 获取页面中的所有表单元素，包含以及元素 :text 选取页面中的所有文本框 :password 选取所有的密码框...name属性值 removeAttr(name) 从每一个匹配的元素中删除一个属性 attr()和prop()方法只能获取第一个匹配元素的属性值。...参数opacity表示透明度数值（范围在0~1之间，0代表完全透明，0.5表示50%透明，1代表完全不透明）。...JavaScript文件 高级应用 元素对象.load(url[,data] [,fn]) 载入远程HTML文件代码并插入至DOM中 底层应用 $.ajax(url[,options]) 通过HTTP请求加载远程数据...obj表示进行匹配的HTML元素对应的jQuery对象。 根据需要对jQuery对象的属性进行判断，并使用return返回匹配结果。
表6-1-1 属性操作函数 属性操作函数 说明 html ( ) 设置或获取innerHTML属性的值 text ( ) 设置或获取innerText属性的值 val (...表6-1-2 attr函数 attr函数 说明 attr ( "属性名" ) 按属性名获取某属性的值 attr ( "属性名" , 属性值) 按属性名设置某属性的值 下面我们通过具体的示例来演示...表6-1-4 css函数 css函数 说明 css( "属性名" ) 按属性名获取某属性样式的值 css( "属性名" , 属性值) 按属性名设置某属性样式的值 下面我们通过一个示例来演示css...表6-1-6 support子属性 support子属性 说明 boxModel 检测浏览器是否以W3C CSS盒子模型来渲染页面，通常在IE 6和IE 7的怪癖模式中这个值是false。...、上机练习 我们在第一章学习过JSON，现在请使用jQuery中的parseJSON函数把一个自定义的字符串解析为JSON对象并输出。
其中显示博客的评论和回复的显示是最难的，具体的评论和回复的功能，只要想办法获取到表中相应字段的值接进去就好了， 评论和回复的显示有两种思路： 1....2.先往后台提交一个blog_id,不使用多表联合查询，查询博客的相关信息发送到html ，然后再将和这篇博客有关的评论发送至html，用foreach输出，每条评论使用一个单独的div将其div的id...设置成评论的id (利用jquery在初始化界面时会自动执行function方法的各种方法),再用jquery向后台发送请求，发送数据还是那个blog_id,查询到所有关于那篇博客的comment_id...这样就可以对同一张表连接两次了)查询到那个回复的相关内容，在这个成功的基础上，把返回的回复的内容加到相应的comment的div(通过该div的id)的后面。...评论功能的实现，相对于回复来讲比较简单：在点击提交评论的时候，首先获取session中存储的user_id ，和那篇博客的id(评论表和博客表关联),和文本框中填的评论的内容，然后将这些信息插入评论表中
而通过jQuery获取的对象是jQuery包装集对象，简称jQuery对象，只有jQuery对象才能使用jQuery提供的方法。...，将jQuery转成DOM元素 /* jQuery对象 */ // 通过id选择器获取元素对象 $(#id属性值) var divJquery = $("#mydiv") console.log...不可获取 如果返回值是布尔类型的属性，若设置了属性，attr()返回具体的值，prop()返回true。...内容") 设置元素的文本内容，不包含html标签 val() 获取元素的value值（表单元素） val("值") 设定元素的value值（表单元素） 表单元素：文本框text、密码框password...blue">vue jquery-3.6.4.js"> // 获取指定元素并遍历 $(".green"
表6-1-1 属性操作函数 属性操作函数 说明 html ( ) 设置或获取innerHTML属性的值 text ( ) 设置或获取innerText属性的值 val ( ) 设置或获取value属性的值...表6-1-2 attr函数 attr函数 说明 attr ( "属性名" ) 按属性名获取某属性的值 attr ( "属性名" , 属性值) 按属性名设置某属性的值 下面我们通过具体的示例来演示attr...表6-1-4 css函数 css函数 说明 css( "属性名" ) 按属性名获取某属性样式的值 css( "属性名" , 属性值) 按属性名设置某属性样式的值 下面我们通过一个示例来演示css函数的用法...函数对文本框的值进行了检测，运行效果如图6.1.12所示。...、上机练习 我们在第一章学习过JSON，现在请使用jQuery中的parseJSON函数把一个自定义的字符串解析为JSON对象并输出。
轻量级：依赖程序少，占用的资源少 特点：js代码和html代码分离 jQuery已经成为最流行的 javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。...获取偶数索引的元素，从 0 开始计数。... 中的 show() 方法将它们显示出来" id="btn2"/> 并打印它们的值" id="btn3"/> ...option时，如果option的value没有值，则获取的是option的text文本的值 // html() 函数获取的是标签体的内容 ...，追加到checkboxDiv中 获取下拉框选中的内容，追加到selectDiv中 <br/
中的标签中，标签写在标签中， 标签中的type类型”submit”是提交form标签之间文本框中输入的数据； 标签中的type...类型”reset”是重置form标签之间文本框中输入的数据为空； 中的action属性标示了按下提交按钮后的跳转，可以是一个简单的网址，也可以是一个action的名字（框架中）； 中的onsubmit’属性标示了跳转之前要检查onsubmit的值，false则不跳转，true?...= xx； 数组的定义：var Arr = new Array('a','b','c'); //new Array('')是固定格式 以上获取文本框输入值使用的是Dom对象的方法，Dom（documnet...; //即取到id为account的控件的value值，并赋值给account， 此处的account值是一个类似Java中的String类型（注意：不要混用Java中的各种方法），Js有其自己的各种函数来操作字符串
从开始计划做新闻发布系统，到今天发布成功，断断续续的做了二十多天。毕竟是自己第一次使用VS2010做网页开发，在做系统的过程中，总会出现各种各样的错误，我们来回顾此次开发的整个路程。...前台页面主要是使用div+Css对网页布局，后台采用三层架构并涉及到js、jquery和ajax技术，他们都是将来编写web程序的重要技术。...后台代码编写 后台采用了三层架构并涉及到js、jquery和ajax技术，他们都是将来编写web程序的重要技术。...HTML代码 objTD.html(input); //当前td的内容转为文本框 //设置文本框的点击事件失效 input.click(function...objTD.html(newText); } }); //在文本框中按下键盘某键 input.keydown
DOCTYPE html> html> jquery...在这段代码中，利用jQuery对整个页面上下文分别做了三个键盘事件的绑定，先打开chrome浏览器的console窗体，然后在文本框中随意输入一个英文字母或数字时，就可以看到这个在三个键盘事件的执行顺序...图5-14键盘按下效果 但是当输在文本框中输入中文时，发现keypress事件并没有被执行，如图5-15所示，只在console窗体中输出了keydown事件和keyup事件。...图5-15按下中文按键测试 在jQuery中，如果你要获取键盘输入的是什么按键，那么可以利用事件参数的which属性即可（event.which）。...a，此时在console窗体中的keydown事件中显示的却是大写字母A对应的ascii码值65，而在keypress事件中显示的是正确的小写字母a对应的ascii码97。
云服务器
ICP备案
云直播
对象存储
即时通信 IM
