文档章节

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
6大理由让你喜欢上jQuery

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

justjavac
2012/08/07
0
3
使用jQuery tag handler开发一个带有标签功能的文章发布系统

日期:2012-5-14 来源:GBin1.com 在线演示1 在线演示2 本地下载 网站和web开发中我们常常需要处理类似标签添加功能的模块,以前我们也介绍过相关的jQuery插件 - textext,可以方便的添加标签...

gbin1
2012/05/22
0
0
30个创意出色的非常实用的jquery框架插件-(视觉大背景,瀑布流效果)

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

易达
2012/08/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周日乱弹 —— 小心着凉 @红薯

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @莱布妮子:5.33起,其声呜呜然,如怨如慕,如泣如诉。余音袅袅,不绝如缕。分享Arch Enemy的单曲《Bridge Of Destiny (2009)》 《Bridge Of...

小小编辑
今天
170
4
what f,,

anlve
今天
2
0
初级开发-编程题

` public static void main(String[] args) { System.out.println(changeStrToUpperCase("user_name_abc")); System.out.println(changeStrToLowerCase(changeStrToUpperCase("user_name_abc......

小池仔
今天
14
0
现场看路演了!

HiBlock
昨天
21
0
Rabbit MQ基本概念介绍

RabbitMQ介绍 • RabbitMQ是一个消息中间件,是一个很好用的消息队列框架。 • ConnectionFactory、Connection、Channel都是RabbitMQ对外提供的API中最基本的对象。Connection是RabbitMQ的s...

寰宇01
昨天
17
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部