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. 公司C++规范学习

    目录 公司C++规范学习 语法部分 风格/约定 公司C++规范学习 语法部分 class和struct关键字的选择:class表示被封装的用户自定义类型,不公开定义非静态数据成员,struct表示数据 ...

  2. JavaScript Sort

    function ArrayList() { var array = []; this.swap = function(index1, index2) { var aux = array[index1 ...

  3. 利用Spring实现Hello World

    因为最近要做Java Web方面的开发,所以,就像使用Spring来实现一个以前学其他程序时首先做的一个示例"Hello World!"练练手,之前用很多中语言实现过hello w ...

  4. 开发中遇到的相关linux问题

    一:java.sql.SQLException: Access denied for user 'root'@'10.150.152.200' (using password: YES) 1:用户名后 ...

  5. kmp（单次匹配）

    http://acm.hdu.edu.cn/showproblem.php?pid=1711 Number Sequence Problem Description Given two sequenc ...

  6. [fw]Die 為什麼不能用現在完成式?

    have PP是表示"從以前到現在"都直在做的事情 Mr. Chen has taught English for 30 years.---表示teach的動作持續了30年,但Mr ...

  7. [fw]Nvidia Linux Drive Privilege Escalation

    /* Anonymous * * How to use: sudo rm -rf / * * greetz: djrbliss, kad, Ac1dB1tch3z, nVidia! * * Only ...

  8. P4553 80人环游世界（上下界费用流）

    P4553 80人环游世界 emm......先从上下界网络流(转)开始 再到现在的上下界费用流 因为有上下界,我们需要记下每个点的流量差$ex[i]$,用于调整 $ins(x,y,l,r,v)=li ...

  9. 理解Throughput和Latency

    Throughput,中文译作吞吐量.Latency,中文译作延迟.它们是衡量软件系统的最常见的两个指标. 吞吐量一般指相当一段时间内测量出来的系统单位时间处理的任务数或事务数(TPS).注意“相当一 ...

  10. js的label标签语句与with语句的用法

    /** * label标签语句 * - 语法: * 标签名: 语句 * 如:start: n = 1; * 上面标签start可以被之后的break或continue语句引用 * - label标签语 ...