文档章节

jQuery的标签使用

南瓜一号
 南瓜一号
发布于 2016/12/07 11:45
字数 354
阅读 7
收藏 0

给标签赋值的方式1、JavaScript方式通过取id来辅助$("#xingmin").val(value);,2、jQuery方式,通过调用id来赋值document.getElementById("age").value=value;alert(userinfo.age);相当于android打log的方式,跳出提示页面,看能否运行到下一个方法。完整代码` function xxx(){ var value=userinfo.username; $("#t1").text(value); alert(value);

}
`,$(“#要赋值标签的id”).val()**js的标准格式**先从json中获取信息,然后再通过id来赋值。```

function ccc(){ //var value=userinfo.username; var i=0 $("td").each(function(){

	   if(i==1){
	     $(this).text(userinfo.username);
		 
	   }
	   if(i==3){
	     $(this).text(userinfo.age);
	   }
	   
	   if(i==5){
	     $(this).text(userinfo.sex);
	   }
	   i++;
	})       
}

这个方法是当标签没有id时,通过tb标签的位置来进行赋值,each是一种遍历方式,然后用一个变量,来循环判断第几个tb标签。接下来附上完整代码,一个表单使用

<html> <head> <script src="jquery-1.8.3.min.js"></script><!-- 引入js文件的方式--> <script src="userinfo.js"></script> <script> function xingMin(){ var value=userinfo.username; $("#xingmin").val(value); } function age(){ var value=userinfo.age; document.getElementById("age").value=value; alert(userinfo.age); }

function ccc(){
    //var value=userinfo.username;
	var i=0
    $("td").each(function(){
	
	   if(i==1){
	     $(this).text(userinfo.username);
		 
	   }
	   if(i==3){
	     $(this).text(userinfo.age);
	   }
	   
	   if(i==5){
	     $(this).text(userinfo.sex);
	   }
	   i++;
	})       
}

</script>
</head>
<body>
	
    <div style="background-color:red"> hehe simida  <img src="85.png"/></div>
    <div> <button id="button" onclick="ccc()" >点击后赋值</button>
	    <table border='1' >
		     <tr>
			    <td width="100px">姓名</td>
			    <td width="200px">    </td>
			    <td width="100px">年龄</td>
				<td width="200px">    </td>
				<td width="100px">性别</td>
				<td width="200px">     </td>
			 </tr>
		</table>
	</div>
	<div>
	<input  id ="xingmin" /> <a href="#" onclick="xingMin()"> 点击获取姓名</a>
    <input id ="age" value=""/> <a href="#" onclick="age()" > 点击获取年龄</a>
    </div>	
     	 <table border='1' >
		     <tr>
			    <th width="100px">姓名</th>
			   
			    <th width="100px" >年龄</th>
				
				<th width="100px" >性别</th>
				
			 </tr>
			 <tr>
			    <td width="100px">xxxx</td>
			   
			    <td width="100px" >xxxxxx</td>
				
				<td width="100px" >xxxxx</td>
				
			 </tr>
		</table>	
</body>

</html> ```

© 著作权归作者所有

共有 人打赏支持
南瓜一号
粉丝 1
博文 10
码字总数 2998
作品 0
扬州
程序员
jQuery基础 - 常用基本属性

jQuery简介 jQuery 是一个 JavaScript 库,极大地简化了 JavaScript 编程 jQuery 对象是通过jQuery包装DOM对象后产生的对象,jQuery对象是jQuery独有的,如果一个对象就是jQuery对象,那么它...

ZHAO_JH
07/31
0
0
12个最新免费的jQuery插件周报#5(2015年)

(06/03/2015 至 13/03/2015)这周收集的12个最好、最新的12个免费jQuery插件 Elastic SVG Sidebar Material Design 弹性SVG侧栏导航,受 Material Design 启发 Animating labels for input f......

IanSun
2015/03/14
0
1
300+Jquery, CSS, MooTools 和 JS的导航菜单资源(总有一个适合你!)

如果你是网站前端开发人员,那么对你来说,也许做一个漂亮导航菜单会很得心应手。今天为大家总结各种导航菜单的资源,以便让大家的网站前端开发的工作更方便更快速,只要选择现成的例子就可以...

晨曦之光
2012/03/09
0
0
30个创意出色的非常实用的jquery框架插件-(视觉大背景,瀑布流效果)

jQuery是在网页设计师和开发者最近的热门话题之一。人们使用它的广泛范围从个人博客到企业网站,目前流行的视觉大背景滚动效果,瀑布流图片阴影效果,图片缩放,动态标签复制,html5音频播放...

易达
2012/08/04
0
0
6大理由让你喜欢上jQuery

jQuery是一个用来简化HTML客户端开发的JS(JavaScrip)库,它支持HTML DOM处理,同时还融合了部分HTML和CSS。许多网站建设公司已经加入了jQuery的阵营,你的公司也该加入了。 下面就来看看j...

justjavac
2012/08/07
0
3

没有更多内容

加载失败,请刷新页面

加载更多

下一页

vue+element-ui操作删除(单行和批量删除)

页面展示: <template><!-- 表格内容 --><el-table :data="packData" border style="width: 100%" ref="multipleTable" @selection-change="handleSelectionChange"><el-tab......

琴妹
6分钟前
0
0
基于vue(element ui) + ssm + shiro 的权限框架

zhcc 基于vue(element ui) + ssm + shiro 的权限框架 引言 心声 现在的Java世界,各种资源很丰富,不得不说,从分布式,服务化,orm,再到前端控制,权限等等玲琅满目,网上有句话说,语言框架...

DarrenHu_吴邪
13分钟前
0
1
数据库水平切分(MyCat分片)

范围分片 io.mycat.route.function.AutoPartitionByLong 自动范围分片 Function名称:rang-long(配置文件默认) 枚举分片 io.mycat.route.function.PartitionByFileMap 枚举分片 Funtion名称...

这很耳东先生
14分钟前
0
0
读《HeadFirst设计模式》笔记之外观模式

外观模式:提供了一个统一的接口,用来访问子系统中的一群接口。外观定义了一个高层接口,让子系统更容易使用。 举个栗子: 建了一个家庭影院,但是每次享受家庭影院时,你发现需要执行 将灯...

suyain
15分钟前
0
0
MongoDB分片配置

简单注解: mongos 路由进程, 应用程序接入mongos再查询到具体分片,监听端口默认27017 config server 路由表服务, 每一台都具有全部chunk的路由信息 shard为数据存储分片, 每一片都可以是...

LUIS1983
23分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部