Jquery入门第一天
上一篇 /
下一篇 2007-06-03 17:51:08
/ 精华(1)
/ 置顶(1)
/ 个人分类：Jquery
//---------------------------------html-----------------------------------------
<html>
<head>
<scrīpt type="text/javascrīpt" src="jquery.js"> </scrīpt>
<scrīpt type="text/javascrīpt" src="js.js"></scrīpt>
</head>
<body>
<p><a href="#" id="link">Click me !</a>
<input type="button" id="btn" value="click me">
<select id="sel" style="width:60">
</select>name
<input name="textfield" type="text" id="usrname" >
</p>
<p>
<input name="rad_btn" type="radio" id="rad_btn" value="rad" checked>
单选 </p>
<p>
<label>
<input name="rad" type="radio" id="rad_g" value="1">
单选1</label>
<br>
<label>
<input name="rad" type="radio" id="rad_g" value="2" checked>
单选2</label>
</p>
<p><br>
</p>
</body>
</html>
//------------------------------------js.js---------------------------------------
$(document).ready
(
function ()
{
var msg=function()
{
var v=$("#sel").attr("value")+$("#usrname").attr("value")+$("input[@name='rad']:checked").attr("value");
alert(v);
$("#sel").empty();
}
//$("#link").click(function(){$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")} );
$("#sel").hover(function(){$("#sel").html("<option value='1'>1111</option><option value='2'>2222</option>");});
//$("#btn").click(function(){alert($("#sel").text());});
$("#btn").click(msg);
}
);
导入论坛
收藏
分享给好友
管理
举报
TAG:
jquery
Jquery
