本文实例讲述了jQuery实现的中英文切换功能。分享给大家供大家参考，具体如下：
1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>中
2022-11-04 10:00:51
47KB
1
本文实例讲述了JQuery实现简单的复选框树形结构图。分享给大家供大家参考，具体如下：
这是自己写的简单树形结构图，实现的功能有：
1.最左边的按钮实现子目录的隐藏和显示
2.点击父节点的复选框选中后,父节点下的所有的子节点也选中；父节点未选中，则下面的所有的子节点也取消选中(全选和全不选)
3.选中一个子节点时相应的父节点也选中；当所有的子节点都没有选中时，父节点也取消选中
这是实现的最简单的功能。下面来具体的谈谈具体的实现：
1.引入库
所有的这些操作都是通过JQuery来实现的，所以首先要引入JQuery库，可以到官网下载JQuery库，也可以通过CDN的方式来引用，这里我是通过CDN
2022-10-13 14:01:48
57KB
1
(答案见下载资源)
上机任务1
用chrome打开dom.sample2.html页面，
在chrome的控制台中输入jQuery代码并执行，完成以下选择动作：
（1）查找id号为tigerLily的元素
（2）查找拥有类myList的元素
（3）查找所有的input元素
（4）查找所有img元素和tr元素
（5）查找id号为coffeePot和id号为someDiv的元素
（6）选择具有id属性的所有元素
（7）选择具有id属性的input元素
（8）选择其value属性等于A的元素
（9）选择其value属性等于A或等于C的元素
（10）选择其title属性值中含有dog的img元素
（11）选择其href属性值以http开头的a元素
（12）选择div元素内嵌套的span元素
上机任务2
用chrome打开dom.sample2.html页面，
在chrome的控制台中输入jQuery代码并执行，完成以下选择动作：
（13）选择元素li，该元素作为拥有myList类的ul元素的直接子元素
（14）选择id号为radioA的input元素后面的第一个input兄弟元素
（15）选择id号为radioA的input元素后面的所有input兄弟元素
（16）选择dom sample页面中第3个tr元素
（17）选择其type属性值checkbox且索引为偶数的input元素
（18）选择非最后一行的tr元素
（19）选择所有的checkbox元素
（20）选择所有被选中的表单元素
（21）选择含有1972的td元素
（22）选择包含有sapn元素的div元素
（23）选择表格中每行的第一个单元格和最后一个单元格
（24）选择表格中第3行,标题行不算(要求用nth-child()过滤器)
上机任务3
用chrome打开dom.sample2.html页面，该页面中内嵌有几个CSS类：.red .green .blue .yellow .thickBorder .seeThrough
在chrome的控制台中输入jQuery代码并执行，完成以下选择动作：
（1）将拥有alt属性的倒数第二个图片元素应用yellow类
（2）将第一个checkbox表单元素应用.green样式
（3）求id值为checkbox3的元素在所有表单元素里的顺序号
（4）用一条链式语句完成：先对所有img元素应用seeThrough样式，再为所有img元素和tr元素应用yellow样式
（5）用filter方法实现：选择单元格内容为Java或Smalltalk的单元格
（6）取图片集中的第2,3,4张图片
（7）用has方法实现:选择那些包含有ul元素的li元素
（8）将tbody每个单元格里的文字设为：我爱jQuery
（9）查找form元素的后代元素中标签为label的元素
（10）查找表单元素中是否有id值为checkbox5的元素
提示：
为某dom元素应用某css样式可以使用jQuery中的addClass方法，例如:将id为tt的div元素应用.bt样式，可用些语句：$("#tt").addClass("color","red");
2022-01-10 11:13:19
215KB
1
利用Jquery选择器，计算table中的某一列，某一行的合计，非常方便。下面以计算行合计为例：
核心算法：
$('#tableId tr').each(function() {
$(this).find('td:eq(columnIndex)').each(function() {
totalAmount += parseFloat($(this).text());
})
});
下面是案例代码
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/x
2022-01-06 16:40:12
24KB
1
本文实例讲述了jQuery访问json文件中数据的方法。分享给大家供大家参考，具体如下：
有时候我们可能需要用到json文件存储数据，然后通过前台语言直接进行访问。
首先是json文件：
{
"管道": [
{
"ElementId": "标识号",
"GISID": "GISID",
"Label": "编号",
"StartNodeID":"起始节点ID",
"EndNodeID":"终止节点ID",
"StartNodeLabel":"起始节点编号",
"EndNodeLabel":"终止节点编号",
"Physical_PipeDiameter"
2021-12-29 13:54:14
62KB
1