jQuery的学习
一、对下拉框和单选框的操作:
<!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值设置下拉框默认选中
          //$("#selected").find("option[value='" + val + "']").attr("selected", true); 
         });

        var array=[];
        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;

 posted on 2011-01-28 17:14  john chen  阅读(1642)  评论(0)  编辑  收藏  举报