td | 易学教程

JQuery的使用案例（二级联动，隔行换色，轮播图，广告插入）

阅读更多关于 JQuery的使用案例（二级联动，隔行换色，轮播图，广告插入）

JQuery的使用案例（一）利用JQuery完成省市二级联动第一步：确定事件(change事件),在绑定的函数里面获取用户选择的省份第二步：创建二维数组来存储省份和城市第三步：遍历二维数组中的省份(与用户选择的省份进行比较)【使用JQ的遍历操作】第四步：接着遍历数组中的城市第五步：创建一个城市文本节点第六步：创建option元素节点第七步：将文本节点添加到元素节点中【使用JQ的文档操作方法】第八步：获取第二个下拉列表并将option元素节点添加进去第九步：清除第二个下拉列表的option内容代码实现： <script type="text/javascript" src="../js/jquery-1.8.3.js" ></script> <script> $(function(){ //2.创建二维数组用于存储省份和城市 var cities = new Array(3); cities[0] = new Array("武汉市","黄冈市","襄阳市","荆州市"); cities[1] = new Array("长沙市","郴州市","株洲市","岳阳市"); cities[2] = new Array("石家庄市","邯郸市","廊坊市","保定市"); cities[3] = new Array("郑州市","洛阳市","开封市","安阳市"); $(

HTML第四章作业

阅读更多关于 HTML第四章作业

学生实践4.1.3 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>iPhone8红色特别版</title> 6 <link type="text/css" rel="stylesheet" href="style.css"/> 7 </head> 8 9 <body> 10 <div> 11 <h1>iPhone 8, 现更以红色呈现。</h1> 12 <h3><span>特别版</span></h3> 13 <p> 14 <a href="#">进一步了解 ></a> 15 <a href="#">购买 ></a> 16 </p> 17 <p> 18 <img src="img/iphone8.png"/> 19 </p> 20 </div> 21 </body> 22 </html> 学生实践4.2.4 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>电脑分类</title> 6 <link type="text/css" rel="stylesheet" href="4.2.4.css"/> 7 </head> 8 9 <body> 10 <div id="menuList">

HTML5 - 用户注册表单

阅读更多关于 HTML5 - 用户注册表单

用户注册 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> < html > < head > < meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" > < title > 用户注册 </ title > </ head > < body > < h2 > 用户注册 </ h2 > < form action = "" method = "post" >  < input type = "hidden" name = "uid" value = "9527" /> < table border = "0" cellpadding = "0" cellspacing = "0" width = "400px" > < tr > < td align = "right" > < label for = "name" > 姓名： </ label > </ td > < td > < input type = "text" name = "name" id = "name" /> </ td > </ tr > < tr

JQuery实现注册表单校验

阅读更多关于 JQuery实现注册表单校验

本篇文章主要包含的知识点：事件函数 triggerHandler与trigger函数的区别表单提交的事件submit（）方法，如果返回是false则阻止submit提交在元素后添加内容，需要先获取这个元素的父元素然后通过append方法添加元素。通过JQ的is方法来比对是哪个对象（通常比对字符串采用选择器的字符串）一、步骤分析： 1.需要准备HTML文件，里面包含表单元素的内容 < body > < div class = "table" > < form id = "formTable" action = "www.yijiadyidai.com" method = "post" > < table border = "1" cellspacing = "" cellpadding = "" > < tr > < td > 用户名： </ td > < td > < input type = "text" name = "username" id = "username" class = "required" /> </ td > < td > </ td > </ tr > < tr > < td > 密码： </ td > < td > < input type = "password" name = "password" id = "password" class

Javascript实现用户注册验证

阅读更多关于 Javascript实现用户注册验证

JS function isRight(){ //验证用户名是否为空 var username=document.getElementById( "username" ). value ; if (username== "" ||username== null ){ alert( "用户名不能为空！！" ); return false ; } //验证密码 var password=document.getElementById( "password" ). value ; if (password== "" ||password== null ){ alert( "密码不能为空！！" ); return false ; } var password2=document.getElementById( "password2" ). value ; if (password2== "" ||password2== null ){ alert( "请再次输入密码" ); return false ; } //验证两次输入密码是否一致 if (password!=password2){ alert( "两次输入的密码不一致！！" ); return false ; } //验证邮箱格式是否正确 var email=document.getElementById( "email" ).

form表单实现用户注册界面

阅读更多关于 form表单实现用户注册界面

<input type="元素名称"/> button: 普通按钮 value=“按钮的文字” js/jquery代码 checkbox 复选框 checked=“checked”默认选中 file 上传控件 hidden 隐藏域 value=“值” 和php脚本程序交互 image 图片提交按钮 src=“图片路径”图片形态 <form> action=“处理页面” method=“post/get” submit 和图片提交按钮image功能一样按钮形态 password 密码框 radio 单选框排他效果 name=“相同” text 文本框 reset 重置把所有表单元素还原成默认状态 value=“按钮上的文字” <texteara cols=“文本列数” row=“文本行数”> 没有滚动条cols+2 代码部分： <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <table border="2px" bordercolor="#FF0000" width="800px" height="700px" align="center"> <tr> <td valign="top"> <table align="center" border=

页面的表单渲染

阅读更多关于页面的表单渲染

今天我们又来写表单的渲染啦，这次，我们用layui方法渲染中的最后一种，叫做转换静态表格，他是转化一段已有的表格元素，无需配置数据接口，在js中指定表格元素，并简单的给表头加上自定义属性即可。当然，首先，我们还是要先敲好table，这个方法在HTML部分就需要比较多的代码，如下方代码所示 <table lay-filter="demo"> <thead> <tr> <th lay-data="{field:'username', width:100}">昵称</th> <th lay-data="{field:'experience', width:80, sort:true}">积分</th> <th lay-data="{field:'sign'}">签名</th> </tr> </thead> <tbody> <tr> <td>贤心1</td> <td>66</td> <td>人生就像是一场修行a</td> </tr> <tr> <td>贤心2</td> <td>88</td> <td>人生就像是一场修行b</td> </tr> <tr> <td>贤心3</td> <td>33</td> <td>人生就像是一场修行c</td> </tr> </tbody> </table> 如图你的页面已经存在了一段内容的表格，它由原始的table标签组成，这是需要赋予它一些动态元素

用简单的JS代码制作计算器

阅读更多关于用简单的JS代码制作计算器

原文: 用简单的JS代码制作计算器代码+注释一共不到200行，是练习交流的必备良药主界面如下：操作示意图：以下是代码部分 HTML： <div> <table class="window"> <tr> <td class="window_prompt">输入 :</td> <td><div id="userIn"><div class="text">简易的计算器</div></div></td> </tr> <tr> <td class="window_prompt">结果是 :</td> <td><div id="mathResult"><div class="text">by keats_Coder</div></div></td> </tr> </table> <table id="main"> <tr> <td colspan="2" id="clear">C</td> <td id="back">退格</td> <td id="operator4">/</td> </tr> <tr> <td id="num7" class="num">7</td> <td id="num8" class="num">8</td> <td id="num9" class="num">9</td> <td id="operator3">x</td> </tr> <tr> <td

jQuery_完成省市二级联动

阅读更多关于 jQuery_完成省市二级联动

当填表的时候会让你设计某省某市怎么设计，应该明白，如果你选择了一个确定的省，那么在第二个下拉框内则不会有除了你选择的省的市之外的名称。而这功能用js来实现很麻烦，但是用jq确很容易实现。原表结构：代码如下： <!DOCTYPE html> <html> <head> <script typr="text/javascript" src="js/jquery-1.8.3.js"></script> <script> var cities=new Array(3); cities[0]=new Array("武汉市","黄冈市","襄阳市","荆州市"); cities[1]=new Array("长沙市","郴州市","株洲市","岳阳市"); cities[2]=new Array("石家庄市","邯郸市","唐山市","秦皇岛市"); cities[3]=new Array("郑州市","洛阳市","开封市","安阳市"); $(function() { $("#province").change(function() {//change时间，表示下拉框的内容改变，则会提示点击了省份 // alert("点击了省份"); var val=this.value;//获取用户选择的省份 // alert(val); $.each(cities,function(i,n){/

js的动态表格的增删改查

阅读更多关于 js的动态表格的增删改查

1. 首先我们要知道，动态添加，肯定不是在页面上写死得，而是通过js调用循环放入到页面上的，我们在写动态表格的时候不要先着急写，我们第一步要做的就是构思，要把自己的逻辑先弄清楚，不然的话，前面是好写，到最后你就不好写了，到最后有可能要推倒重来，因为我之前就是这样。 2.接下来我们开始来完成代码部分我们写死在页面上的的东西应该有查询按钮全部删除添加还要给它一个form表单用于添加和修改数据，其实可以换别的添加和修改的方法，这里只给一个参考代码如下： Html: css: table{position: relative;} .head{width: 700px;height: 50px;margin: 25px auto;} .but{margin-left: 500px;} td{text-align: center;line-height: 50px;font-size: 20px;font-weight:bold;width: 120px;height:30px;border:1px solid black;} .box{width: 250px;height: 250px;border:1px solid black;position: absolute;background-color: red;text-align: right;top:200px;left:

订阅 td