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. 19.ThreadLocal方法解决代码不友好的问题

    #ThreadLocal import threading #创建全局ThreadLocal loacl_school = threading.local() class Student(): def ...

  2. Ubuntu TTy字体

    目的:修改tty终端下的字体大小,中文显示,字体美观问题 Linux版本:xubuntu14.04 当切换到tty终端模式式,中文乱码,且字体太小,影响阅读.在网上搜了一些资料,将问题及解决方案记录如 ...

  3. PowerShell 远程执行命令

    PowerShell 远程执行命令 最近在做一些自动化的测试工作,在代码实现的过程中需要远程启动/关闭一些服务或者测试机. 我首先想到的是建立一个website,通过网站对一些服务进行操作,但是这样感 ...

  4. Java稀疏数组

    一.概述 1.概念 2.处理方法 3.示例 原数组如下: 转换为稀疏数组如下: 二.代码 1.主方法 @Testpublic void SparseTest() { // 创建一个原始的二维数组 11 ...

  5. python面试题之Python如何实现单例模式？

    #使用__metaclass__(元类)的高级python用法 class Singleton2(type): def __init__(cls, name, bases, dict): super( ...

  6. bzoj2176 Strange string（字符串最小表示法）

    Time Limit: 10 Sec  Memory Limit: 259 MB 给定一个字符串S = {S1, S2, S3 … Sn}, 如果在串SS中, 子串T(|T| = n)为所有长度为n的 ...

  7. Django学习——开发你的第一个Django应用1

    突然对Django热情似火,所以就开学习了,我是根据官方文档学习的,所以我打算把官方文档翻译一遍,全当学习,首先贴官方文档的地址:https://docs.djangoproject.com/en/1 ...

  8. 无法删除VMware旧版本，请与技术小组联系

    问题:把文件夹清理了n遍,却无法重装VMware,报错如标题. 原因:相关注册表没删完. 解决办法: - 1.创建一个.txt文本 - 2.将下面的内容复制到.txt文本中: echo off cls ...

  9. Java JNA （二）—— dll回调函数实现

    java调用dll文件需要使用回调函数作为公开函数的参数时,用以下方法实现: 首先,看c++中定义的dll公开函数: typedef void (*ccback)(char *name ,int le ...

  10. BZOJ 4034 树链剖分

    题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=4034 题意:中文题面 思路:树链剖分入门题. 剖分后就是一个简单的区间更新和区间求和问题. ...