文档章节

用jq编写一个小的表单

南瓜一号
 南瓜一号
发布于 2016/12/06 16:33
字数 325
阅读 4
收藏 0
点赞 0
评论 0

今天是来到公司的第9天,师父给我布置了一个小的demo,说以后用的着。需求:让我用jq编写一个表单,然后用js编写样式。作为一个web的菜鸟,啥也不会,很焦虑。在w3c中找了很久,才找到一个相似的demo。然后照着样式,把代码给填了上去。`<html> <head> <script src="jquery-1.8.3.min.js"></script><!-- 引入js文件的方式--> <script src="userinfo.js"></script> <script> function xingMin(){ var value=userinfo.username;

document.getElementById("xingmin").value=value;  	
}		
function age(){
var value=userinfo.age;<!--这里将json中取到的值赋给value变量,再通过获取id赋给他-->
document.getElementById("age").value=value;<!--这里getelementbyid是指定 ID 的第一个对象的引用-->
alert(userinfo.age);<!--这里是链接json数组中的age选项,表示链接。如果这行代码删除的话,那么点击事件,就不会跳出弹框。-->
}		
</script>
</head>
<body>
    <div> hehe simida </div>
    <div> <button>点击后赋值</button>
	    <table>
		     <tr>
			    <td>姓名</td>
			    <td>    </td>
			    <td>年龄</td>
				<td>    </td>
				<td>性别</td>
				<td>    </td>
			 </tr>
		</table>
	</div>
	<div>
	<input  id ="xingmin" value=""/> <a href="#" onclick="xingMin()"> 点击获取姓名</a>
    <input id ="age" value=""/> <a href="#" onclick="age()" > 点击获取年龄</a><!--这里用到一个href=“#”会把网页刷新给关掉,就不会再点击事件的同时,刷新网页-->
    </div>		
</body>

</html>` ![不带alert样式](https://static.oschina.net/uploads/img/201612/06163535_YZBO.png "在这里输入图片标题")![带alert样式](https://static.oschina.net/uploads/img/201612/06163630_Wb6u.png "在这里输入图片标题")

© 著作权归作者所有

共有 人打赏支持
南瓜一号
粉丝 1
博文 10
码字总数 2998
作品 0
扬州
程序员
JavaWeb05-HTML篇笔记(一)

1.1上次课内容回顾: JQuery: JQuery的概述:是一个轻量级的JavaScript的类库.对JS进行封装. 常见的JS的框架: JQuery的使用: JQuery的选择器:(*) JQuery实现效果: JQuery样式操作: JQuer...

我是小谷粒 ⋅ 05/10 ⋅ 0

jQuery学习笔记(二)

jQ变成过程 1,引入jQ的js文件 2,使用选择器定位要操作的节点 调用jQ的方法进行操作 jQ对象 为了解决浏览器兼容问题而解决的提供一种统一封装后的对象描述 jq提供的方法都是jQ特有的,而且大...

weixin_36171533 ⋅ 2017/12/03 ⋅ 0

JQ工具集--J-LibTool

J-libtool是一款WEB前端开发 JQ工具集 提供BOX弹出层,ajax表单提交,input默认值,Cookie存取,前端验证码 等诸多功能. J-libtool 开发模式并非传统的jq插件方法,有自己独立的功能模块,如果...

木然 ⋅ 2013/07/22 ⋅ 0

js表单验证的问题,jquery.validate问题

js进行表单验证 目前我们使用的是jq的validate插件 但是该插件遇到了一个问题 在验证类似于 name="user[]"的这个重复表单 就是一个表单中有多个名字为user[]的input输入框 这种表单 只需要输...

1514582970 ⋅ 2016/03/22 ⋅ 0

Struts2解决文件上传后,返回的json数据成下载

如果表单中没有包含文件上传,那么在IE8下jq就可以成功接收到json数据。 如果表单中有

ui( ⋅ 2013/03/08 ⋅ 7

爱上MVC3系列~Html.BeginForm与Ajax.BeginForm

Html.BeginForm与Ajax.BeginForm都是MVC架构中的表单元素,它们从字面上可以看到区别,即Html.BeginForm是普通的表单提交,而Ajax.BeginForm是支持异步的表单提交,这对于我们开发者来说是...

mcy247 ⋅ 2017/12/06 ⋅ 0

Jquery基础教程

1. jQuery概述 - jQuery是一个优秀的JavaScript框架 - 主要提供如下功能   - 访问页面框架的局部   - 修改页面的表现   - 更改页面的内容   - 响应事件   - 为页面添加动画   - 与服务...

王二狗子11 ⋅ 01/01 ⋅ 0

jQuery使用serialize(),serializeArray()方法取得表单数据

原始form表单值获取方式(手动): $.ajax({ type: "POST", url: "ajax.php", data: "Name=摘取天上星&position=IT技术", success: function(msg){alert(msg);}, error: function(error){aler......

未来守护者 ⋅ 2015/10/30 ⋅ 0

jQuerySharp

jQuerySharp 是一个用 C# 来编写 jQuery 代码的C#类库,下面是生成的 jQuery 代码示例: Type.createNamespace('JQuerySharp'); /////////////////////////////////////////////////////////......

匿名 ⋅ 2010/03/11 ⋅ 0

JavaScript强化教程——编写第一个jQuery程序

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 ——编写第一个jQuery程序 什么事JQ? jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery...

哟猫Intry ⋅ 2016/06/30 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

个人博客的运营模式能否学习TMALL天猫质量为上?

心情随笔|个人博客的运营模式能否学习TMALL天猫质量为上? 中国的互联网已经发展了很多年了,记得在十年前,个人博客十分流行,大量的人都在写博客,而且质量还不错,很多高质量的文章都是在...

原创小博客 ⋅ 51分钟前 ⋅ 0

JavaScript零基础入门——(十一)JavaScript的DOM操作

JavaScript零基础入门——(十一)JavaScript的DOM操作 大家好,欢迎回到我们的JavaScript零基础入门。最近有些同学问我说,我讲的的比书上的精简不少。其实呢,我主要讲的是我在开发中经常会...

JandenMa ⋅ 今天 ⋅ 0

volatile和synchronized的区别

volatile和synchronized的区别 在讲这个之前需要先了解下JMM(Java memory Model :java内存模型):并发过程中如何处理可见性、原子性、有序性的问题--建立JMM模型 详情请看:https://baike.b...

MarinJ_Shao ⋅ 今天 ⋅ 0

深入分析Kubernetes Critical Pod(一)

Author: xidianwangtao@gmail.com 摘要:大家在部署Kubernetes集群AddOn组件的时候,经常会看到Annotation scheduler.alpha.kubernetes.io/critical-pod"="",以表示这是一个关键服务,那你知...

WaltonWang ⋅ 今天 ⋅ 0

原子性 - synchronized关键词

原子性概念 原子性提供了程序的互斥操作,同一时刻只能有一个线程能对某块代码进行操作。 原子性的实现方式 在jdk中,原子性的实现方式主要分为: synchronized:关键词,它依赖于JVM,保证了同...

dotleo ⋅ 今天 ⋅ 0

【2018.06.22学习笔记】【linux高级知识 14.4-15.3】

14.4 exportfs命令 14.5 NFS客户端问题 15.1 FTP介绍 15.2/15.3 使用vsftpd搭建ftp

lgsxp ⋅ 今天 ⋅ 0

JeeSite 4.0 功能权限管理基础(Shiro)

Shiro是Apache的一个开源框架,是一个权限管理的框架,实现用户认证、用户授权等。 只要有用户参与一般都要有权限管理,权限管理实现对用户访问系统的控制,按照安全规则或者安全策略控制用户...

ThinkGem ⋅ 昨天 ⋅ 0

python f-string 字符串格式化

主要内容 从Python 3.6开始,f-string是格式化字符串的一种很好的新方法。与其他格式化方式相比,它们不仅更易读,更简洁,不易出错,而且速度更快! 在本文的最后,您将了解如何以及为什么今...

阿豪boy ⋅ 昨天 ⋅ 0

Python实现自动登录站点

如果我们想要实现自动登录,那么我们就需要能够驱动浏览器(比如谷歌浏览器)来实现操作,ChromeDriver 刚好能够帮助我们这一点(非谷歌浏览器的驱动有所不同)。 一、确认软件版本 首先我们...

blackfoxya ⋅ 昨天 ⋅ 0

线性回归原理和实现基本认识

一:介绍 定义:线性回归在假设特证满足线性关系,根据给定的训练数据训练一个模型,并用此模型进行预测。为了了解这个定义,我们先举个简单的例子;我们假设一个线性方程 Y=2x+1, x变量为商...

wangxuwei ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部