文档章节

jQuery的标签使用

南瓜一号
 南瓜一号
发布于 2016/12/07 11:45
字数 354
阅读 7
收藏 0
点赞 0
评论 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学习笔记--选择器和事件

以下内容参考 W3school 简书 你要是问我什么是jQuery 那可以这么两句话概括: jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 要学jQuery最好有点javaScript的基础 ...

codingcoge ⋅ 05/17 ⋅ 0

Python自动化开发学习17-jQuery

jQuery学习之前 jQuery 是 JavaScript 的一个类库,类似 python 中的模块。 jQuery在线手册:http://jquery.cuishifeng.cn/ 官网:http://jquery.com/ 版本选择 目前jQuery有三个大版本:1.x...

骑士救兵 ⋅ 前天 ⋅ 0

js (jQuery) 之 取值

都是一些老生常谈,没什么新东西,算是开发过程中不知道怎么写去百度的一些东西 。都说程序员写博客是一个好习惯,算是一份保存笔记,以后不用到处百度然后出来的一些答非所问的答案 。 1: ...

architect刘源源 ⋅ 05/07 ⋅ 0

3个简单的事情,使你的jQuery代码变得更加棒

     jQuery是现存最流行的(如果不是最多的)JavaScript库之一,并且大量的人使用它来做一些令人惊叹的事情。就个人而言,jQuery让我对学习JavaScript感到兴奋。问题是很多程序员不明白...

webstack前端栈 ⋅ 04/14 ⋅ 0

使用三种方式定位html中的元素

1)使用三种方式定位html中的元素 a)通过ID $("#ID") b)通过标签名 $("标签名") c)通过样式名 $(".样式名") 2)dom中,需要判段查找到的元素是否为null, 而jquery中,无需判段,因为jquery本身...

知止内明 ⋅ 05/06 ⋅ 0

JavaWeb05-HTML篇笔记(一)

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

我是小谷粒 ⋅ 05/10 ⋅ 0

【每天一个JQuery特效】淡入淡出显示或隐藏窗口

我是JQuery新手爱好者,有时间就练练代码,防止手生,争取每天一个JQuery练习,在这个博客记录下学习的笔记。 本特效主要采用fadeIn()和fadeOut()方法显示淡入淡出的显示效果显示或隐藏元...

Rhymo-Wu ⋅ 06/18 ⋅ 0

使用Puppeteer撸一个爬虫

Puppeteer是什么 puppeteer是谷歌chrome团队官方开发的一个无界面(Headless)chrome工具。Chrome Headless将成为web应用自动化测试的行业标杆。所以我们很有必要来了解一下它。所谓的无头浏...

小草先森 ⋅ 06/20 ⋅ 0

vue获取input输入框的数据

用惯了jQuery,突然使用vue感觉很不习惯,有很多不同的地方,感觉是两个不同的思想来写前端的代码。jQuery是使用选择器($)选取DOM对象,对其进行赋值、取值、事件绑定等操作。而Vue则是通过...

王子城 ⋅ 前天 ⋅ 0

jQuery中,html、val与text的区别与联系

文章作者:Tyan 博客:noahsnail.com | CSDN | 简书 本文主要介绍如何使用jQuery中的html(),text()和val()三种方法,用于读取、修改元素的html结构,元素的文本内容,以及表单元素的value值...

quincuntial ⋅ 2016/11/22 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

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

JavaScript零基础入门——(十)JavaScript的DOM基础 欢迎大家回到我们的JavaScript零基础入门,上一节课,我们了解了JavaScript中的函数,这一节课,我们来了解一下JavaScript的DOM。 第一节...

JandenMa ⋅ 45分钟前 ⋅ 0

Spring mvc DispatchServlet 实现原理

在Spring中, ContextLoaderListener只是辅助类,在web 容器启动的时候查找并创建WebApplicationContext对象,通过该对象进行加载spring的配置文件。而真正的逻辑实现其实是在DispatcherSer...

轨迹_ ⋅ 56分钟前 ⋅ 0

Weex起步

本教程假设你已经在你的本地环境安装了node 其实weex起步教程在 https://github.com/lilugirl/incubator-weex 项目说明文件中都已经有了,但为了有些同学看到英文秒变文盲,所以这里我重新写...

lilugirl ⋅ 今天 ⋅ 0

Jenkins实践1 之安装

1 下载 http://mirrors.jenkins.io/war/latest/jenkins.war 2 启动 java -jar jenkins.war 前提:安装jdk并配置环境变量 启动结果节选: ************************************************......

晨猫 ⋅ 今天 ⋅ 0

组合数学 1-2000 中,能被6或10整除的数的个数

1--2000 中,能被6或10整除的数的个数 利用集合的性质 能被6整除的个数 2000/6 = 333 能被10整除的个数 2000/10 = 200 能被6和10整除的个数 2000/30 = 66 能被6或10整除的个数 333+200-66 =...

阿豪boy ⋅ 今天 ⋅ 0

一篇文章学懂Shell脚本

Shell脚本,就是利用Shell的命令解释的功能,对一个纯文本的文件进行解析,然后执行这些功能,也可以说Shell脚本就是一系列命令的集合。 Shell可以直接使用在win/Unix/Linux上面,并且可以调用...

Jake_xun ⋅ 今天 ⋅ 0

大数据工程师需要精通算法吗,要达到一个什么程度呢?

机器学习是人工智能的一个重要分支,而机器学习下最重要的就是算法,本文讲述归纳了入门级的几个机器学习算法,加大数据学习群:716581014一起加入AI技术大本营。 1、监督学习算法 这个算法由...

董黎明 ⋅ 今天 ⋅ 0

Kylin 对维度表的的要求

1.要具有数据一致性,主键值必须是唯一的;Kylin 会进行检查,如果有两行的主键值相同则会报错。 2.维度表越小越好,因为 Kylin 会将维度表加载到内存中供查询;过大的表不适合作为维度表,默...

无精疯 ⋅ 今天 ⋅ 0

58到家数据库30条军规解读

军规适用场景:并发量大、数据量大的互联网业务 军规:介绍内容 解读:讲解原因,解读比军规更重要 一、基础规范 (1)必须使用InnoDB存储引擎 解读:支持事务、行级锁、并发性能更好、CPU及...

kim_o ⋅ 今天 ⋅ 0

代码注释中顺序更改 文件读写换行

`package ssh; import com.xxx.common.log.LogFactory; import com.xxx.common.log.LoggerUtil; import org.apache.commons.lang3.StringUtils; import java.io.*; public class DirErgodic ......

林伟琨 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部