jquery-jQuery的问题!!!!!!!

问题描述

jQuery的问题!!!!!!!

根图片显示的一样 当选择币种的时候 选择人民币 下面的 的三个框后面也会变成元
怎么写
demo小例子
感谢了

解决方案

  $("#sel1").change(function () {
            $('#dw,#dw1,#dw2').val(this.options[this.selectedIndex].text);///////////增加这句就行了,你不是有input作为单位容器了

            $('#EntTime31').val('');
            $('#nl3').val('');
            $("#sel2").empty();
            tmp = '<option>请选择</option> ';

            for (var i = 0; i < o1.length; i++) {
                if (o1[i].id == $("#sel1").val()) {

                    for (var j = 0; j < o1[i].val.length; j++) {
                        tmp += "<option name='" + o1[i].val[j].name + "' value='" + o1[i].val[j].id + "'>" + o1[i].val[j].val + "</option>"
                    }

                }
            }
            $("#sel2").append(tmp);

        });

解决方案二:

 $(document).ready(
function () {
$("#选择框id").change(function () {
var x = $("#选择框id").val();
$("下面的元素").text(x);
});

解决方案三:

后面使用 三个label显示 币种, 写个方法切换的时候调用就行了,很简单的

解决方案四:

// 计算 利息 本息合计 利息税
    function gross_interest(input1,nl4,nl3,day){
        //var day = parseFloat($("#sel2").val());
        var lj = 0;
        if(nl4 > 0){
            lj = input1*(day/360)*(nl4/100)*(nl3/100);
        }else{
            lj = input1*(day/360)*(nl3/100);
        }

        $("#lj").val(lj.toFixed(2));

        //alert("你选择的是   "+$("#sel2").find("option:selected").text()+'--->'+day+"天");
        var lj1 = 0;
            lj1 = input1+lj;
            $("#lj1").val(lj1.toFixed(2));

        var lj2 = 0;
            lj2 = (input1+lj)*0;
            $("#lj2").val(lj2.toFixed(2));

    }
//计算提取日期
function calcTime(){
                 $('#EntTime31').val('');
                var d = new Date($('#EntTime32').val());
                var val = $("#sel2").find("option:selected").attr("name");

                var type = val.substring(0, 1);
                var num = parseInt(val.substring(1,val.length));
                if(type=="y"){
                    d.setFullYear(d.getFullYear()+num);
                }else if(type=="m"){
                    d.setMonth(d.getMonth()+num);
                }else{
                    d.setDate(d.getDate()+num);
                }
                var s1 = d.getFullYear() + "-" + (d.getMonth()+1) + "-" + d.getDate() ;
                 $('#EntTime31').val(s1); 

}

//下拉联动和文本框值
$(document).ready(function(){
    $("#sel2").change(function () {
        var d = $("#sel2").find("option:selected").attr("name");
        $("#dw").text(d);
        });
 //初始化存入日期
    var d = new Date();
     var s2 = d.getFullYear() + "-" + (d.getMonth()+1) + "-" + d.getDate() ;
     $('#EntTime32').val(s2);

var o=[{'id':'1','val':'人民币','name':'元'},{'id':'2','val':'美元','name':'美元'},{'id':'3','val':'英镑','name':'英镑'},{'id':'4','val':'欧元','name':'欧元'},{'id':'5','val':'日元','name':'日元'},{'id':'6','val':'港币','name':'港币'},{'id':'7','val':'加拿大元','name':'加拿大元'},{'id':'8','val':'瑞士法郎','name':'瑞士法郎'},{'id':'10','val':'新加坡元','name':'新加坡元'}];

var o1=[ {'id':'1',val:[ {'name':'d1','id':'1','val':'一天通知'},{'name':'d7','id':'2','val':'七天通知'},{'name':'m1','id':'3','val':'一个月'},{'name':'m3','id':'4','val':'三个月'},{'name':'m6','id':'5','val':'六个月'},{'name':'y1','id':'6','val':'一年'},{'name':'y2','id':'7','val':'两年'},{'name':'y3','id':'63','val':'三年'},{'name':'y5','id':'8','val':'五年'}]},
         {'id':'2',val:[ {'name':'d7','id':'9','val':'七天通知'},{'name':'m1','id':'10','val':'一个月'},{'name':'m3','id':'11','val':'三个月'},{'name':'m6','id':'12','val':'六个月'},{'name':'y1','id':'13','val':'一年'},{'name':'y2','id':'14','val':'两年'}]},
         {'id':'3',val:[ {'name':'d7','id':'15','val':'七天通知'},{'name':'m1','id':'16','val':'一个月'},{'name':'m3','id':'17','val':'三个月'},{'name':'m6','id':'18','val':'六个月'},{'name':'y1','id':'19','val':'一年'},{'name':'y2','id':'20','val':'两年'}]},
         {'id':'4',val:[ {'name':'d7','id':'21','val':'七天通知'},{'name':'m1','id':'22','val':'一个月'},{'name':'m3','id':'23','val':'三个月'},{'name':'m6','id':'24','val':'六个月'},{'name':'y1','id':'25','val':'一年'},{'name':'y2','id':'26','val':'两年'}]},
         {'id':'5',val:[ {'name':'d7','id':'27','val':'七天通知'},{'name':'m1','id':'28','val':'一个月'},{'name':'m3','id':'29','val':'三个月'},{'name':'m6','id':'30','val':'六个月'},{'name':'y1','id':'31','val':'一年'},{'name':'y2','id':'32','val':'两年'}]},
         {'id':'6',val:[ {'name':'d7','id':'33','val':'七天通知'},{'name':'m1','id':'34','val':'一个月'},{'name':'m3','id':'35','val':'三个月'},{'name':'m6','id':'36','val':'六个月'},{'name':'y1','id':'37','val':'一年'},{'name':'y2','id':'38','val':'两年'}]},
         {'id':'7',val:[ {'name':'d7','id':'39','val':'七天通知'},{'name':'m1','id':'40','val':'一个月'},{'name':'m3','id':'41','val':'三个月'},{'name':'m6','id':'42','val':'六个月'},{'name':'y1','id':'43','val':'一年'},{'name':'y2','id':'44','val':'两年'}]},
         {'id':'8',val:[ {'name':'d7','id':'45','val':'七天通知'},{'name':'m1','id':'46','val':'一个月'},{'name':'m3','id':'47','val':'三个月'},{'name':'m6','id':'48','val':'六个月'},{'name':'y1','id':'49','val':'一年'},{'name':'y2','id':'50','val':'两年'}]},
         {'id':'9',val:[ {'name':'d7','id':'51','val':'七天通知'},{'name':'m1','id':'52','val':'一个月'},{'name':'m3','id':'53','val':'三个月'},{'name':'m6','id':'54','val':'六个月'},{'name':'y1','id':'55','val':'一年'},{'name':'y2','id':'56','val':'两年'}]},
         {'id':'10',val:[ {'name':'d7','id':'57','val':'七天通知'},{'name':'m1','id':'58','val':'一个月'},{'name':'m3','id':'59','val':'三个月'},{'name':'m6','id':'60','val':'六个月'},{'name':'y1','id':'61','val':'一年'},{'name':'y2','id':'62','val':'两年'}]}
         ];
  var tmp='';
  for(var i=0;i<o.length;i++){
   tmp+= "<option value='"+o[i].id +"'>"+o[i].val+"</option>"
 }
 $("#sel1").append(tmp);

tmp='';

$("#sel1").change(function(){
 $('#EntTime31').val('');
$('#nl3').val('');
 $("#sel2").empty();
   tmp='<option>请选择</option> ';

 for(var i=0;i<o1.length;i++){
   if(o1[i].id==$("#sel1").val()){

      for(var j=0;j<o1[i].val.length;j++){
            tmp+= "<option name='"+o1[i].val[j].name +"' value='"+o1[i].val[j].id +"'>"+o1[i].val[j].val+"</option>"
         }

    }
 }
 $("#sel2").append(tmp);

});

//改变
 $("#sel2").change(function(){
     changeResult();
});
    $("#nl4").change(function(){
     changeResult();
    });

    $("#nl3").change(function (){
        var nl3 = $("#nl3").val();
        var nl4 = $("#nl4").val();
        var input1 = $("#input1").val();

        gross_interest(input1,nl4,nl3,day);

    });

    $("#input1").change(function(){

     changeResult();
    });

});

function changeResult()
{

     calcTime();
     //人民币利息
    if($("#sel2").val()=='1'){
        $('#nl3').val('0.55');
    }else if($("#sel2").val()=='2'){
        $('#nl3').val('1.1');
    }else if($("#sel2").val()=='3'){
        $('#nl3').val('1.1');
    }else if($("#sel2").val()=='4'){
        $('#nl3').val('1.35');
    }else if($("#sel2").val()=='5'){
        $('#nl3').val('1.55');
    }else if($("#sel2").val()=='6'){
        $('#nl3').val('1.75');
    }else if($("#sel2").val()=='7'){
        $('#nl3').val('2.25');
    }else if($("#sel2").val()=='63'){
        $('#nl3').val('2.75');
    }else if($("#sel2").val()=='8'){
        $('#nl3').val('2.75');
        //美元利息
    }else if($("#sel2").val()=='9'){
        $('#nl3').val('0.0500');
    }else if($("#sel2").val()=='10'){
        $('#nl3').val('0.2000');
    }else if($("#sel2").val()=='11'){
        $('#nl3').val('0.3000');
    }else if($("#sel2").val()=='12'){
        $('#nl3').val('0.5000');
    }else if($("#sel2").val()=='13'){
        $('#nl3').val('0.8000');
    }else if($("#sel2").val()=='14'){
        $('#nl3').val('0.8000');
        //英镑利息
    }else if($("#sel2").val()=='15'){
        $('#nl3').val('0.0500');
    }else if($("#sel2").val()=='16'){
        $('#nl3').val('0.1000');
    }else if($("#sel2").val()=='17'){
        $('#nl3').val('0.1000');
    }else if($("#sel2").val()=='18'){
        $('#nl3').val('0.1000');
    }else if($("#sel2").val()=='19'){
        $('#nl3').val('0.1000');
    }else if($("#sel2").val()=='20'){
        $('#nl3').val('0.1000');
        //欧元利息
    }else if($("#sel2").val()=='21'){
        $('#nl3').val('0.0005');
    }else if($("#sel2").val()=='22'){
        $('#nl3').val('0.0100');
    }else if($("#sel2").val()=='23'){
        $('#nl3').val('0.0100');
    }else if($("#sel2").val()=='24'){
        $('#nl3').val('0.0100');
    }else if($("#sel2").val()=='25'){
        $('#nl3').val('0.0100');
    }else if($("#sel2").val()=='26'){
        $('#nl3').val('0.0100');
        //日元利息
    }else if($("#sel2").val()=='27'){
        $('#nl3').val('0.0005');
    }else if($("#sel2").val()=='28'){
        $('#nl3').val('0.0100');
    }else if($("#sel2").val()=='29'){
        $('#nl3').val('0.0100');
    }else if($("#sel2").val()=='30'){
        $('#nl3').val('0.0100');
    }else if($("#sel2").val()=='31'){
        $('#nl3').val('0.0100');
    }else if($("#sel2").val()=='32'){
        $('#nl3').val('0.0100');
        //港币利息
    }else if($("#sel2").val()=='33'){
        $('#nl3').val('0.0100');
    }else if($("#sel2").val()=='34'){
        $('#nl3').val('0.1000');
    }else if($("#sel2").val()=='35'){
        $('#nl3').val('0.2500');
    }else if($("#sel2").val()=='36'){
        $('#nl3').val('0.5000');
    }else if($("#sel2").val()=='37'){
        $('#nl3').val('0.7000');
    }else if($("#sel2").val()=='38'){
        $('#nl3').val('0.7500');
        //加拿大元利息
    }else if($("#sel2").val()=='39'){
        $('#nl3').val('0.0500');
    }else if($("#sel2").val()=='40'){
        $('#nl3').val('0.0500');
    }else if($("#sel2").val()=='41'){
        $('#nl3').val('0.0500');
    }else if($("#sel2").val()=='42'){
        $('#nl3').val('0.3000');
    }else if($("#sel2").val()=='43'){
        $('#nl3').val('0.4000');
    }else if($("#sel2").val()=='44'){
        $('#nl3').val('0.4000');
        //瑞士法郎利息
    }else if($("#sel2").val()=='45'){
        $('#nl3').val('0.0001');
    }else if($("#sel2").val()=='46'){
        $('#nl3').val('0.0001');
    }else if($("#sel2").val()=='47'){
        $('#nl3').val('0.0001');
    }else if($("#sel2").val()=='48'){
        $('#nl3').val('0.0001');
    }else if($("#sel2").val()=='49'){
        $('#nl3').val('0.0001');
    }else if($("#sel2").val()=='50'){
        $('#nl3').val('0.0001');
        //澳大利亚元利息
    }else if($("#sel2").val()=='51'){
        $('#nl3').val('0.2500');
    }else if($("#sel2").val()=='52'){
        $('#nl3').val('1.2000');
    }else if($("#sel2").val()=='53'){
        $('#nl3').val('1.3000');
    }else if($("#sel2").val()=='54'){
        $('#nl3').val('1.3000');
    }else if($("#sel2").val()=='55'){
        $('#nl3').val('1.5000');
    }else if($("#sel2").val()=='56'){
        $('#nl3').val('1.5000');
        //新加坡元利息
    }else if($("#sel2").val()=='57'){
        $('#nl3').val('0.0005');
    }else if($("#sel2").val()=='58'){
        $('#nl3').val('0.0100');
    }else if($("#sel2").val()=='59'){
        $('#nl3').val('0.0100');
    }else if($("#sel2").val()=='60'){
        $('#nl3').val('0.0100');
    }else if($("#sel2").val()=='61'){
        $('#nl3').val('0.0100');
    }else if($("#sel2").val()=='62'){
        $('#nl3').val('0.0100');
    }else{
    $('#nl3').val('');
    }
    var day = 0;
    if($("#sel2").find("option:selected").attr("name")=='d1'){
        day=1;
    }
    if($("#sel2").find("option:selected").attr("name")=='d7'){
        day=7;
    }
    if($("#sel2").find("option:selected").attr("name")=='m1'){
        day=30;
    }
    if($("#sel2").find("option:selected").attr("name")=='m3'){
        day=90;
    }
    if($("#sel2").find("option:selected").attr("name")=='m6'){
        day=180;
    }
    if($("#sel2").find("option:selected").attr("name")=='y1'){
        day=360;
    }
    if($("#sel2").find("option:selected").attr("name")=='y2'){
        day=360*2;
    }
    if($("#sel2").find("option:selected").attr("name")=='y3'){
        day=360*3;
    }
    if($("#sel2").find("option:selected").attr("name")=='y5'){
        day=360*5;
    }

        if($("#input1").val()==""){
            var input1=0;
            alert("请输入金额,否则无法计算!");
        }else{
            var input1 = parseFloat($("#input1").val());
        }
    var nl3 = parseFloat($("#nl3").val());
    var nl4 = parseFloat($("#nl4").val());

    gross_interest(input1,nl4,nl3,day);

    }

解决方案五:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[31,682,6] published at 2012-07-06 13:43:22 from #153 by 1383-->

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />

<title>存款利息计算
</title>
<link href="banksavings/css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="banksavings/css/style.css" rel='stylesheet' type='text/css' />
<link href="banksavings/css/finance.css" rel="stylesheet" type="text/css"/>

<link href="banksavings/css/calendar.css" rel="stylesheet" type="text/css" />

</head>
<body><!-- SUDA_CODE_START -->
<center>
  <div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
                                                                    <div class="portlet-header">存款利息计算</div>

                                                                    <div class="portlet-content">
                                                                            <h5><span>*</span>为必填项 </h5>
                                                                            <hr class="hi">
                                                                            <div class="table1">
                                                                                                    <script>
                                                                                                        function showHide(){
                                                                                                            var t=document.getElementById("tex");

                                                                                                            if(t.style.display==""||t.style.display=="block"){
                                                                                                                t.style.display="none";}
                                                                                                            else{
                                                                                                                t.style.display="block";
                                                                                                                }
                                                                                                            }
                                                                                                            function showHide1(){
                                                                                                            var t=document.getElementById("tex1");

                                                                                                            if(t.style.display==""||t.style.display=="block"){
                                                                                                                t.style.display="none";}
                                                                                                            else{
                                                                                                                t.style.display="block";
                                                                                                                }
                                                                                                            }
                                                                                                            function showHide2(){
                                                                                                            var t=document.getElementById("tex2");

                                                                                                            if(t.style.display==""||t.style.display=="block"){
                                                                                                                t.style.display="none";}
                                                                                                            else{
                                                                                                                t.style.display="block";
                                                                                                                }
                                                                                                            }
                                                                                                            function showHide3(){
                                                                                                            var t=document.getElementById("tex3");

                                                                                                            if(t.style.display==""||t.style.display=="block"){
                                                                                                                t.style.display="none";}
                                                                                                            else{
                                                                                                                t.style.display="block";
                                                                                                                }
                                                                                                            }
                                                                                                   </script>
                                                                                        <a onClick="showHide()">定义详情</a>
                                                                                        <div id="tex" style="display: none;">
                                                                                                        活期储蓄存款:是一种没有存取日期约束,随时可取、随时可存,也没有存取金额限制的储蓄,采用积数计息法,即按实际天数每日累计账户余额,以累计积数乘以日利率计算利息。</br>
通知存款:是指不约定存期、支取时提前通知银行、约定支取日期和金额方能支取的储蓄,分为一天通知存款和七天通知存款。人民币通知存款最低起存、最低支取和最低留存金额均为50000元。通知存款利率高于活期存款利率,但未进行一天或七天预先通知提取的,按活期储蓄利率计息。</br>
整存整取:是指约定存期,整笔存入,到期一次支取本息的一种定期储蓄,50元起存,多存不限。</br>存期分三个月、六个月、一年、二年、三年和五年。整存整取提前支取的,按活期储蓄利率计息。
                                                                                        </div>
                                                                                           <a onClick="showHide1()">公式详情</a>
                                                                                        <div id="tex1" style="display: none;">
                                                                                                 利息总额= 存入金额*存期*上浮</br>
                                                                                                 本息合计 = 存入金额*存期*(1+上浮) </br>
                                                                                                 利息税 = 存入金额*存期*上浮*0
                                                                                        </div>
                                                                                          <a onmousemove="showHide3()">定义详情</a>
                                                                                          <div id="tex3" style="display: none;">
                                                                                                        活期储蓄存款:是一种没有存取日期约束,随时可取、随时可存,也没有存取金额限制的储蓄,采用积数计息法,即按实际天数每日累计账户余额,以累计积数乘以日利率计算利息。</br>
通知存款:是指不约定存期、支取时提前通知银行、约定支取日期和金额方能支取的储蓄,分为一天通知存款和七天通知存款。人民币通知存款最低起存、最低支取和最低留存金额均为50000元。通知存款利率高于活期存款利率,但未进行一天或七天预先通知提取的,按活期储蓄利率计息。</br>
整存整取:是指约定存期,整笔存入,到期一次支取本息的一种定期储蓄,50元起存,多存不限。</br>存期分三个月、六个月、一年、二年、三年和五年。整存整取提前支取的,按活期储蓄利率计息。
                                                                                        </div>
                                                                                    <form id="tj" class="tj" runat="server" name="form1">
                                                                                                   <div class="input">
                                                                                                       <table cellpadding="0" cellspacing="1" >

                                                                                                                            <tbody>

                                                                                                                                 <tr>
                                                                                                                                    <td><span id="sp1">*</span>存入金额 </td>

                                                                                                                                    <td>
                                                                                                                                         <input type="text" id="input1"  />
                                                                                                                                  <span style="color:#CCC;">最低存入金额为1000元</span>
                                                                                                                                    </td>

                                                                                                                                </tr>
                                                                                                                                <tr>
                                                                                                                                    <td><span id="sp1">*</span>币种     </td>
                                                                                                                                    <td >
                                                                                                                                        <select name="bz" id="sel1"  style="margin-left:20px;">
                                                                                                                                        <option>请选择币种</option>
                                                                                                                                        </select>
                                                                                                                                    </td>
                                                                                                                                </tr>
                                                                                                                                <tr>
                                                                                                                                    <td><span id="sp1">*</span>存期         </td>
                                                                                                                                    <td >
                                                                                                                                        <select name="city"  style="margin-left:20px;" id="sel2">
                                                                                                                                        <option>请选择存期</option>
                                                                                                                                        </select>
                                                                                                                                    </td>
                                                                                                                                </tr>
                                                                                                                                <tr>
                                                                                                                                    <td><span id="sp1">*</span>年利率       </td>
                                                                                                                                    <td >
                                                                                                                                         <input type="text" id="nl3" style="width:100px; margin-left:20px;"/><span>%</span>
                                                                                                                                        上浮区间<input type="text" id="nl4" style="width:100px; margin-left:20px;" value="0"/><span>%</span>
                                                                                                                                    </td>
                                                                                                                                </tr>

                                                                                                                                <tr>
                                                                                                                                    <td><span id="sp1">*</span>存入日期      </td>
                                                                                                                                    <td>
                                                                                                                                          <input type="text" class="date" id="EntTime32" name="EntTime32" onclick="return showCalendar('EntTime32', 'y-mm-dd');" value=""  /><span>请点击</span>

                                                                                                                                    </td>
                                                                                                                                </tr>

                                                                                                                               <tr>
                                                                                                                                    <td><span id="sp1">*</span>提取日期      </td>
                                                                                                                                    <td>
                                                                                                                                          <input type="text" class="date" id="EntTime31" name="EntTime31" onclick="return showCalendar('EntTime31', 'y-mm-dd');"  /><span>请点击</span>

                                                                                                                                    </td>
                                                                                                                                </tr>

                                                                                                                            </tbody>

                                                                                                                        </table>

                                                                                                   </div>

                                                                                                    <div class="output">
                                                                                                                    <h4>计算结果</h4>
                                                                                                                    <hr class="hi"/>
                                                                                                                    <table cellpadding="0" cellspacing="1" >
                                                                                                                            <tbody>
                                                                                                                                <tr>
                                                                                                                                    <td>利息总额  </td>
                                                                                                                                    <td><input id="lj" type="text"/><input id="dw" /><td>

                                                                                                                                </tr>
                                                                                                                                <tr>
                                                                                                                                    <td>本息合计 </td>
                                                                                                                                    <td><input id="lj1" type="text"/><input id="dw1" /></td>

                                                                                                                                </tr>
                                                                                                                                <tr>
                                                                                                                                    <td>利息税  </td>
                                                                                                                                    <td><input id="lj2" type="text"/><input id="dw2" /></td>
                                                                                                                                    <td><a onClick="showHide2()">明细详情</a></td>
                                                                                                                                </tr>

                                                                                                                            </tbody>
                                                                                                                        </table>
                                                                                                                        <div id="tex2" style="display:none;">
                                                                                                                        <table cellpadding="0" cellspacing="1" >
                                                                                                                            <tbody>
                                                                                                                                <dl style="padding-right:18px;">
                                                                                                                                                <dt class="listeara" >
                                                                                                                                                    <div>月份</div>
                                                                                                                                                    <div>本息(元) </div>
                                                                                                                                                    <div>利息(元)</div>
                                                                                                                                                    <div>利率(元) </div>
                                                                                                                                                    <div>到日期(元) </div>
                                                                                                                                                </dt>
                                                                                                                                            </dl>
                                                                                                                                            <dl class="list" >
                                                                                                                                                <label class="lab">
                                                                                                                                                    <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>

                                                                                                                                                    <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>

                                                                                                                                                </label>
                                                                                                                                            </dl>

                                                                                                                            </tbody>
                                                                                                                        </table>

                                                                                                                        </div>

                                                                                                    </div> 

                                                                                        </form>
                                                                           </div>
                                                                    </div>
                                                                </div>
</center>
    </body>
    <script type="text/javascript" src="banksavings/js/calendar.js"></script>
    <script type="text/javascript" src="banksavings/js/calendar-setup.js"></script>
    <script type="text/javascript" src="banksavings/js/calendar-zh.js"></script>
    <script type="text/javascript" src="banksavings/js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="banksavings/js/easyTooltip.js"></script>
    <script type="text/javascript" src="banksavings/js/jquery-ui-1.7.2.custom.min.js"></script>
    <script type="text/javascript" src="banksavings/js/superfish.js"></script>
    <script type="text/javascript" src="banksavings/js/custom.js"></script>
    <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="grossinterest.js"></script>
</html>

解决方案六:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[31,682,6] published at 2012-07-06 13:43:22 from #153 by 1383-->

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />

<title>存款利息计算
</title>
<link href="banksavings/css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="banksavings/css/style.css" rel='stylesheet' type='text/css' />
<link href="banksavings/css/finance.css" rel="stylesheet" type="text/css"/>

<link href="banksavings/css/calendar.css" rel="stylesheet" type="text/css" />

</head>
<body><!-- SUDA_CODE_START -->
<center>
  <div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
                                                                    <div class="portlet-header">存款利息计算</div>

                                                                    <div class="portlet-content">
                                                                            <h5><span>*</span>为必填项 </h5>
                                                                            <hr class="hi">
                                                                            <div class="table1">
                                                                                                    <script>
                                                                                                        function showHide(){
                                                                                                            var t=document.getElementById("tex");

                                                                                                            if(t.style.display==""||t.style.display=="block"){
                                                                                                                t.style.display="none";}
                                                                                                            else{
                                                                                                                t.style.display="block";
                                                                                                                }
                                                                                                            }
                                                                                                            function showHide1(){
                                                                                                            var t=document.getElementById("tex1");

                                                                                                            if(t.style.display==""||t.style.display=="block"){
                                                                                                                t.style.display="none";}
                                                                                                            else{
                                                                                                                t.style.display="block";
                                                                                                                }
                                                                                                            }
                                                                                                            function showHide2(){
                                                                                                            var t=document.getElementById("tex2");

                                                                                                            if(t.style.display==""||t.style.display=="block"){
                                                                                                                t.style.display="none";}
                                                                                                            else{
                                                                                                                t.style.display="block";
                                                                                                                }
                                                                                                            }
                                                                                                            function showHide3(){
                                                                                                            var t=document.getElementById("tex3");

                                                                                                            if(t.style.display==""||t.style.display=="block"){
                                                                                                                t.style.display="none";}
                                                                                                            else{
                                                                                                                t.style.display="block";
                                                                                                                }
                                                                                                            }
                                                                                                   </script>
                                                                                        <a onClick="showHide()">定义详情</a>
                                                                                        <div id="tex" style="display: none;">
                                                                                                        活期储蓄存款:是一种没有存取日期约束,随时可取、随时可存,也没有存取金额限制的储蓄,采用积数计息法,即按实际天数每日累计账户余额,以累计积数乘以日利率计算利息。</br>
通知存款:是指不约定存期、支取时提前通知银行、约定支取日期和金额方能支取的储蓄,分为一天通知存款和七天通知存款。人民币通知存款最低起存、最低支取和最低留存金额均为50000元。通知存款利率高于活期存款利率,但未进行一天或七天预先通知提取的,按活期储蓄利率计息。</br>
整存整取:是指约定存期,整笔存入,到期一次支取本息的一种定期储蓄,50元起存,多存不限。</br>存期分三个月、六个月、一年、二年、三年和五年。整存整取提前支取的,按活期储蓄利率计息。
                                                                                        </div>
                                                                                           <a onClick="showHide1()">公式详情</a>
                                                                                        <div id="tex1" style="display: none;">
                                                                                                 利息总额= 存入金额*存期*上浮</br>
                                                                                                 本息合计 = 存入金额*存期*(1+上浮) </br>
                                                                                                 利息税 = 存入金额*存期*上浮*0
                                                                                        </div>
                                                                                          <a onmousemove="showHide3()">定义详情</a>
                                                                                          <div id="tex3" style="display: none;">
                                                                                                        活期储蓄存款:是一种没有存取日期约束,随时可取、随时可存,也没有存取金额限制的储蓄,采用积数计息法,即按实际天数每日累计账户余额,以累计积数乘以日利率计算利息。</br>
通知存款:是指不约定存期、支取时提前通知银行、约定支取日期和金额方能支取的储蓄,分为一天通知存款和七天通知存款。人民币通知存款最低起存、最低支取和最低留存金额均为50000元。通知存款利率高于活期存款利率,但未进行一天或七天预先通知提取的,按活期储蓄利率计息。</br>
整存整取:是指约定存期,整笔存入,到期一次支取本息的一种定期储蓄,50元起存,多存不限。</br>存期分三个月、六个月、一年、二年、三年和五年。整存整取提前支取的,按活期储蓄利率计息。
                                                                                        </div>
                                                                                    <form id="tj" class="tj" runat="server" name="form1">
                                                                                                   <div class="input">
                                                                                                       <table cellpadding="0" cellspacing="1" >

                                                                                                                            <tbody>

                                                                                                                                 <tr>
                                                                                                                                    <td><span id="sp1">*</span>存入金额 </td>

                                                                                                                                    <td>
                                                                                                                                         <input type="text" id="input1"  />
                                                                                                                                  <span style="color:#CCC;">最低存入金额为1000元</span>
                                                                                                                                    </td>

                                                                                                                                </tr>
                                                                                                                                <tr>
                                                                                                                                    <td><span id="sp1">*</span>币种     </td>
                                                                                                                                    <td >
                                                                                                                                        <select name="bz" id="sel1"  style="margin-left:20px;">
                                                                                                                                        <option>请选择币种</option>
                                                                                                                                        </select>
                                                                                                                                    </td>
                                                                                                                                </tr>
                                                                                                                                <tr>
                                                                                                                                    <td><span id="sp1">*</span>存期         </td>
                                                                                                                                    <td >
                                                                                                                                        <select name="city"  style="margin-left:20px;" id="sel2">
                                                                                                                                        <option>请选择存期</option>
                                                                                                                                        </select>
                                                                                                                                    </td>
                                                                                                                                </tr>
                                                                                                                                <tr>
                                                                                                                                    <td><span id="sp1">*</span>年利率       </td>
                                                                                                                                    <td >
                                                                                                                                         <input type="text" id="nl3" style="width:100px; margin-left:20px;"/><span>%</span>
                                                                                                                                        上浮区间<input type="text" id="nl4" style="width:100px; margin-left:20px;" value="0"/><span>%</span>
                                                                                                                                    </td>
                                                                                                                                </tr>

                                                                                                                                <tr>
                                                                                                                                    <td><span id="sp1">*</span>存入日期      </td>
                                                                                                                                    <td>
                                                                                                                                          <input type="text" class="date" id="EntTime32" name="EntTime32" onclick="return showCalendar('EntTime32', 'y-mm-dd');" value=""  /><span>请点击</span>

                                                                                                                                    </td>
                                                                                                                                </tr>

                                                                                                                               <tr>
                                                                                                                                    <td><span id="sp1">*</span>提取日期      </td>
                                                                                                                                    <td>
                                                                                                                                          <input type="text" class="date" id="EntTime31" name="EntTime31" onclick="return showCalendar('EntTime31', 'y-mm-dd');"  /><span>请点击</span>

                                                                                                                                    </td>
                                                                                                                                </tr>

                                                                                                                            </tbody>

                                                                                                                        </table>

                                                                                                   </div>

                                                                                                    <div class="output">
                                                                                                                    <h4>计算结果</h4>
                                                                                                                    <hr class="hi"/>
                                                                                                                    <table cellpadding="0" cellspacing="1" >
                                                                                                                            <tbody>
                                                                                                                                <tr>
                                                                                                                                    <td>利息总额  </td>
                                                                                                                                    <td><input id="lj" type="text"/><input id="dw" /><td>

                                                                                                                                </tr>
                                                                                                                                <tr>
                                                                                                                                    <td>本息合计 </td>
                                                                                                                                    <td><input id="lj1" type="text"/><input id="dw1" /></td>

                                                                                                                                </tr>
                                                                                                                                <tr>
                                                                                                                                    <td>利息税  </td>
                                                                                                                                    <td><input id="lj2" type="text"/><input id="dw2" /></td>
                                                                                                                                    <td><a onClick="showHide2()">明细详情</a></td>
                                                                                                                                </tr>

                                                                                                                            </tbody>
                                                                                                                        </table>
                                                                                                                        <div id="tex2" style="display:none;">
                                                                                                                        <table cellpadding="0" cellspacing="1" >
                                                                                                                            <tbody>
                                                                                                                                <dl style="padding-right:18px;">
                                                                                                                                                <dt class="listeara" >
                                                                                                                                                    <div>月份</div>
                                                                                                                                                    <div>本息(元) </div>
                                                                                                                                                    <div>利息(元)</div>
                                                                                                                                                    <div>利率(元) </div>
                                                                                                                                                    <div>到日期(元) </div>
                                                                                                                                                </dt>
                                                                                                                                            </dl>
                                                                                                                                            <dl class="list" >
                                                                                                                                                <label class="lab">
                                                                                                                                                    <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>
                                                                                                                                                   <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>

                                                                                                                                                    <p>fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl</p>

                                                                                                                                                </label>
                                                                                                                                            </dl>

                                                                                                                            </tbody>
                                                                                                                        </table>

                                                                                                                        </div>

                                                                                                    </div> 

                                                                                        </form>
                                                                           </div>
                                                                    </div>
                                                                </div>
</center>
    </body>
    <script type="text/javascript" src="banksavings/js/calendar.js"></script>
    <script type="text/javascript" src="banksavings/js/calendar-setup.js"></script>
    <script type="text/javascript" src="banksavings/js/calendar-zh.js"></script>
    <script type="text/javascript" src="banksavings/js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="banksavings/js/easyTooltip.js"></script>
    <script type="text/javascript" src="banksavings/js/jquery-ui-1.7.2.custom.min.js"></script>
    <script type="text/javascript" src="banksavings/js/superfish.js"></script>
    <script type="text/javascript" src="banksavings/js/custom.js"></script>
    <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="grossinterest.js"></script>
</html>

解决方案七:

我感觉CSDN要是没有代码库来存储代码,像这种帖子来100个也都要沉啊

解决方案八:

给你写了下,没有问题就采纳。上次给你写的还没采纳

 <!DOCTYPE html>
<html>
<head>
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  var o=[{'id':'1','val':'人民币','name':'元'},{'id':'2','val':'美元','name':'美元'},{'id':'3','val':'英镑','name':'英镑'},{'id':'4','val':'欧元','name':'欧元'},{'id':'5','val':'日元','name':'日元'},{'id':'6','val':'港币','name':'港币'},{'id':'7','val':'加拿大元','name':'加拿大元'},{'id':'8','val':'瑞士法郎','name':'瑞士法郎'},{'id':'10','val':'新加坡元','name':'新加坡元'}];

var tmp='';
for(var i=0;i<o.length;i++){
   tmp+= "<option value='"+o[i].id +"'>"+o[i].val+"</option>"
 }
 $("#sel1").append(tmp);

 $("#sel1").change(function () {
        var d = $("#sel1").val();

          for(var i=0;i<o.length;i++){
             if(d==o[i].id) $(".name").html(o[i].name);
            }

        });

});
</script>
</head>
<body>
  币种: <select id='sel1'></select>
<p>利息总额<input type='text'/><span class='name'></sapn></p>
<p>本息合计<input type='text'/><span class='name'></sapn></p>
<p>利息税<input type='text'/><span class='name'></sapn></p>
</body>
</html>

解决方案九:

我去 这么多的热心欧巴 我看到都晕了。本以为没多少代码啊

解决方案十:

你说的是这个意思吗?

 <!DOCTYPE html>
<html>
<head>
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  var o=[{'id':'1','val':'人民币','name':'元'},{'id':'2','val':'美元','name':'美元'},{'id':'3','val':'英镑','name':'英镑'},{'id':'4','val':'欧元','name':'欧元'},{'id':'5','val':'日元','name':'日元'},{'id':'6','val':'港币','name':'港币'},{'id':'7','val':'加拿大元','name':'加拿大元'},{'id':'8','val':'瑞士法郎','name':'瑞士法郎'},{'id':'10','val':'新加坡元','name':'新加坡元'}];

var tmp='';
for(var i=0;i<o.length;i++){
   tmp+= "<option value='"+o[i].id +"'>"+o[i].val+"</option>"
 }
 $("#sel1").append(tmp);

 $("#sel1").change(function () {
        var d = $("#sel1").val();

          for(var i=0;i<o.length;i++){
             if(d==o[i].id){
               $("#name1").html(o[i].name);
$("#name2").html(o[i].name);
$("#name3").html(o[i].name);
               }
            }

        });

});
</script>
</head>
<body>
  币种: <select id='sel1'></select>
<p>利息总额<input type='text'/><span id='name1'></sapn></p>
<p>本息合计<input type='text'/><span id='name2'></sapn></p>
<p>利息税<input type='text'/><span id='name3'></sapn></p>
</body>
</html>
时间: 2024-09-12 04:30:49

jquery-jQuery的问题!!!!!!!的相关文章

锋利的JQuery —— JQuery性能优化

大图猛戳 本文转自博客园xingoo的博客,原文链接:锋利的JQuery -- JQuery性能优化,如需转载请自行联系原博主.

牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作_jquery

只有jQuery对象才能调用jQuery类库的各种函数,同样有些dom对象的属性和方法在jQuery上也是无法调用的,不过基本上jQuery类库提供的函数包含了所有的dom操作.这就需要我们知道如何将jQuery对象和DOM的相互转换的方法. 1.jQuery对象就是通过jQuery包装DOM对象后产生的对象. 2.jQuery对象和DOM对象的相互转换. 良好的书写风格: 复制代码 代码如下: var $input=$("input") jQuery获取的对象在变量前面加上$. &l

锋利的jQuery jQuery中的DOM操作_jquery

1 查找元素节点     var $x = $("selector").text() 2 查找属性节点     var $x = $("selector").attr("property") 3 创建节点     var $x = $("html") 4 插入节点 $("selector").append()    向每个匹配的元素内部追加内容$("selector").appendTo

jQuery Mobile教程:表单selectmenu插件

文章简介:本文我们来深度认识一下jQuery Mobile的selectmenu插件. 本文我们来深度认识一下jQuery Mobile的selectmenu插件 主要让大家熟悉一下动态创建selectmenu.禁用selectmenu以及启用selectmenu 1.动态创建input 示例: //动态创建 $("#dynamic_selectmenu").bind('click',function(){ //一次哦 if($("#your_choice_new"

jQuery常用技巧

由于jquery对象本身是一个集合.所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出. 1.关于页面元素的引用 通过jquery的$()引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法. 2.jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是

webjx收集45个jQuery导航插件和教程

45个jQuery 导航插件及教程.新用户访问一个网站的最初15-20妙会对他们对网站的喜好影响很大,促使他们决定去留.所以开发一个直观易用,风格恰当的导航帮助用户开始是非常重要的.这篇文章列出的这些教程不仅体现了jQuery的强大,也展示了导航创意设计的众多可能. Horizontal Menu Navigation Plugins and Tutorials Mega Drop Down Menu w/ CSS & jQuery DemoAccording to usability expe

jQuery日常使用技巧总结

介绍jQuery日常实用技巧,希望对大家有所帮助. 1.关于页面元素的引用 通过jquery的$()引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法. 2.jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象. 普通的dom对象一般可以通过$()转换

jQuery技巧大全

一.简介 1.1.概述随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype.YUI.jQuery.mootools.Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度.jQuery是继prototype之后的又一个优秀的Javascript框架.它是由 John Resig 于 2006 年初创建

JQuery插件下载资源大全(200多个)

概述 jQuery 是继 prototype 之后又一个优秀的 Javascript 框架.其宗旨是-写更少的代码,做更多的事情.它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+). jQuery 是一个快速的,简洁的 javaScript 库,使用户能更方便地处理 HTML documents.events.实现动画效果,并且方便地为网站提供 AJA

jQuery教程:jQuery.noConflict控制冲突

文章简介:谈谈 jQuery 中的防冲突(noConflict)机制. 许多的 JS 框架类库都选择使用 $ 符号作为函数或变量名,jQuery 是其中最为典型的一个.在 jQuery 中,$ 符号只是 window.jQuery 对象的一个引用,因此即使 $ 被删除,window.jQuery 依然是保证整个类库完整性的坚强后盾.jQuery 的 API 设计充分考虑了多框架之间的引用冲突,我们可以使用 jQuery.noConflict 方法来轻松实现控制权的移交. jQuery.noCon