
1、html代码如下:
<div id ="sa">
<div class="something">Hello world</div>
<div class="formdiv">
<form name="inpForm">
<input type="text" name="FirstName" />
<input type="submit" value="Submit" />
</form>
</div>
</div>
2、用jquery选择器获取标签的值:
var text = $('#sa').find('input[name="FirstName"]').val()
3、获取到FirstName的值:
zhangsan
jQuery的引用方式和其他的外部js文件一样,如下:<script type="text/javascript" src="scripts/jquery-1.5.2.min.js"></script>
因为这个js文件都是放在scripts文件夹下,所以就可以像上面那样引用到当前文件中来。但是需要注意的一点是,这个引用应该放在其他js文件的引用之前,这样其他的js文件才能使用jQuery方法。
一般而言,采用jQuery函数库的HTML文件,通常应该是这样的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>jquery 测试</title>
<meta name="keywords" content="文件,自己的,放在,其他的,标签" />
<meta name="discription" content="" />
<link rel="stylesheet" type="text/css" href="css/global.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="scripts/index.js"></script>
</head>
<body>
</body>
</html>
自己的js内容应该写到另一个文件中去,如上面所示,新建了一个index.js来存放自己的js内容,这样可以保证jQuery不会被误 *** 作导致不完整,也有利于重用。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)