一、对下拉框和单选框的操作:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript" type="text/javascript" src="jquery-1.4.4.js"></script>
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#select").change(function(){
var test = $(this).find("option:selected").text(); //获取当前选中的下拉框的文本值
var val = $(this).find("option:selected").val(); //获取当前选中的下拉框的value值
});
$(":radio").click(function(){
var val = $("input:radio[name=radios]:checked").val(); //获取单选框选中的值
alert(val);
});
$("#btn").click(function(){
var val = $("#text").val();//根据value值设置单选按钮选中
$("input[name=radios][value='" + val + "']").attr("checked", true);//根据value值设置下拉框默认选中var array=[];
//$("#selected").find("option[value='" + val + "']").attr("selected", true);
});
for(var i=0;i<=10;i++)
{
array.push(i*10);
}
$.each(array,function(i,items){
alert(array[i]);
})
});
</script>
</head>
<body>
<form>
<select id="select">
<option value="1">测试一</option>
<option value="2" >测试二</option>
<option value="3">测试三</option>
</select>
<br />
<input type="radio" name="radios" value="1" />单选一
<input type="radio" name="radios" value="2" />单选二
<input type="radio" name="radios" value="3" />单选三
<input type="radio" name="radios" value="4" />单选四
<br />
<input type="text" id="text" />
<input type="button" id="btn" value="确定" />
</form>
</body>
</html>
二、jQuery的加法运算.
加法运算 ?想必大家听到这都会不屑了，加法运算这是多么简单的运算。然而有的时候在Jquery也让人挺头疼的。
常规的是：
var num1 = 123;
var num2=123;
var total = num1+num2;
这个想必大家一看都知道结果了246，没错结果是这个。
那如果这样：
<input type="text" id="txt1" value="123" />
<input type="text" id="txt2" value="123" />
var num1= $("#txt1").val();
var num2 = $("#txt2").val()
var total = num1+num2;
这个结果呢，246？ 而结果是123123，此时jQuery将其认为是字符串的相加。如何获取自己所要的值？
一开始想到的是将num1和num2转换为值类型，可这方法太麻烦也未必可行，所以就放弃了。
有一种更简单的方法：
var total = num1*1+num2*1;
此时，结果就是246了
三、区别IE和其他浏览器
//方法一
if (document.all) {
alert("IE浏览器");
} else {
alert("非IE浏览器");
}
//方法二
if (!!window.ActiveXObject) {
alert("IE浏览器");
} else {
alert("非IE浏览器");
}
//区别IE6、IE7、IE8
var isIE = !!window.ActiveXObject;
var isIE6 = isIE && window.XMLHttpRequest;
var isIE8 = isIE && document.documentMode;
var isIE7 = isIE && !isIE6 && !isIE8;