jq与js获取值操作

	<!DOCTYPE html>

	<html>

	<head>

	<meta charset="UTF-8">

	<title>jq与js获取值操作</title>

	<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>

	<script>

		$(function() {

			//jquery通过id获取值

			console.log($("#nameText").val());

			//jquery通过name获取值

			console.log($("input[name=nameText]").val());

			//jquery通过class获取值

			console.log($(".nameText").val());

			//js通过id获取值

			console.log(document.getElementById("nameText").value);

			//js通过name获取值

			console.log(document.getElementsByName("nameText")[0].value);

			//js通过class获取值

			console.log(document.getElementsByClassName("nameText")[0].value);

			/*jq获取属性*/

			var temp1 = $("#divTest").css("width");

			//alert("开始修改背景颜色");

			/*jq修改属性*/

			$("#divTest").css("background", "red");

			/*js获取属性*/

			var temp2 = document.getElementById('divTest').style.width;

			//alert("开始修改宽度");

			/*js修改属性*/

			document.getElementById('divTest').style.width = "100%";

			console.log(temp1);

			console.log(temp2);

		})

		//	/**

		//	* 拓展资料：

		//	* var returna_date = $("input[name$='returna_date']");//匹配所有name结尾为returna_date的数组

		//    *		for(var x=0; x<returna_date.length;x++){

		//    *		   alert($(returna_date[x]).val());

		//    *	     }

		//	  *	$("input[name^='news']")         选择所有的name属性以'news'开头的input元素 

		//	  *	$("input[name$='news']")         选择所有的name属性以'news'结尾的input元素 

		//	  *	$("input[name*='man']")          选择所有的name属性包含'news'的input元素 

		//	  */

		</script>

	</head>

	<body>

	<div id="divTest" style="background: gold;width: 30%;">

		<input type="text" value="任秀兴" id="nameText" name="nameText" class="nameText" />

		<input type="text" value="JavaScript" id="nameText2" name="nameText" class="nameText" />

	</div>

	</body>

	</html>
  • 更多精彩内容，请关注微信关注公众号 明叶师兄的学堂

jq与js获取值操作的更多相关文章

  1. JQ和Js获取span标签的内容

    JQ和Js获取span标签的内容 html: 1 <span id="content">‘我是span标签的内容’</span> javascript获取: ...

  2. 6、前端--DOM操作（查找标签、节点操作、获取值操作、class操作、样式操作、绑定事件、内置参数this）

    DOM操作之查找标签 前缀关键字>>>:document # 基本查找(核心) document.getElementById 根据ID获取一个标签 document.getElem ...

  3. JQ和JS获取元素

    <ul>   <li>John</li> <li>Karl</li> <li>Brandon</li> </u ...

  4. 各种组件的js 获取值 / js动态赋值

    jQuery获取Select选择的Text和Value:语法解释:1. $("#select_id").change(function(){//code...});   //为Se ...

  5. JQ和JS获取span标签的内容(有的情况下JQ达不到预期的目的就用JS)

    https://www.cnblogs.com/anniey/p/6439021.html <span id="content">‘我是span标签的内容’</s ...

  6. JS中获取和操作iframe

    一.需求与遇到的问题 在网站的后台管理中使用了iframe框架布局,包括顶部菜单.左侧导航和主页面.需求是:点击主页面上的一个按钮,在顶部菜单栏的右侧显示“退出”链接,点击可退出系统. 我的思路是:在 ...

  7. JSP中request获取值

    获取项目名:request.getContextPath(); 获取IP:request.getServerName() 获取端口:request.getServerPort() pageContex ...

  8. jq选择器（jq 与 js 互相转换），jq操作css样式 / 文本内容， jq操作类名，jq操作全局属性,jq获取盒子信息,jq获取位置信息

    jq选择器(jq 与 js 互相转换) // 获取所有的页面元素jq对象 $('css3选择器语法'); var $box = $(".box:nth-child(1)"); 获取 ...

  9. java：JQuery（声明，JQ和JS对象的区别，prop，attr，addClass，offset，trigger，dblclick和change事件，hide，show，toggle，slideUp，slideDown，slideToggle，三种选择器，标签的获取，三张图片的放大与缩小）

    1.JQuery: jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计 的宗旨是“ ...

随机推荐

  1. mysql的命令入门

    mysql入门实践 学习教程 教程链接地址 数据库(Database)是按照数据结构来组织.存储和管理数据的仓库,每个数据库都有一个或多个不同的API用于创建,访问,管理,搜索和复制所保存的数据. 文 ...

  2. java文件上传下载 使用SmartUpload组件实现

    使用SmartUpload组件实现(下载jsmartcom_zh_CN.jar) 2017-11-07 1.在WebRoot创建以下文件夹,css存放样式文件(css文件直接拷贝进去),images存 ...

  3. 标准标签库JSTL(JSP Standard Tag Library)

    1, 核心标签(最常用, 最重要的) 表达式控制标签 out 输出常量 value---直接赋值 输出变量 default---默认值 escapeXml---控制转义字符(默认为true, 如果需要 ...

  4. Unable to load dynamic library 'zip.so' on Centos 6.8 useing php7.3

    背景: Centos6.8服务器升级php版本,从7.1升级到7.3,常用扩展都安装完成之后,报:Class 'ZipArchive' not found.一看就是zip扩展没有,需要手动安装了. 中 ...

  5. JsonView视图

    同一个对象,在不同的场景,返回不同的属性,如getUserById返回User对象包含password值,而getAllUsers返回User集合,不包含password值(通过接口查看显示,序列化的 ...

  6. SpringCloud异常

    Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could ...

  7. DP50题(转)

    转自https://www.luogu.org/blog/cccx2016/dp50-ti-ti-hao dp50题: poj1014 poj1015 poj1018 poj1036 poj1038 ...

  8. 项目使用Kafka镜像报错处理记录：this server does not host this topic-partition

    背景 项目使用docker swarm部署 服务之间使用消息中间件 kafka 通信 Kafka 使用 star 3.7k 的 wurstmeister/kafka:2.12-2.2.1 镜像 Zoo ...

  9. 高级定时器-setTimeout()、setInterval()、链式setTimeout()

    使用 setTimeout()和 setInterval()创建的定时器可以用于实现有趣且有用的功能.执行时机是不能保证的,因为在页面的生命周期中,不同时间可能有其他代码在控制 JavaScript ...

  10. JavaScript原型&原型链

    原型&原型对象 先来一段简单的代码: function Fun(name) { this.name = name } var obj = new Fun('obj') JavaScript中的 ...