jquery的使用

js及jquery运行机制个人总结:当一个jsp程序运行时它是由上自下运行的,当将一个触发事件放在<body>标签中时
这时需要注意的是所触发的事件必须放在,事件源(触发事件的地方)之下。因为如果不放在下面程序自上而下的运行时
会将所触发的事件提前运行,从而导致触发事件源时事件不起作用的情况。
例如类似案例如下:
script type="text/javascript">
     $("#down").bind("click",function(){
                  var fal=$("#check").attr("checked");
                 if(fal){
                 return true;
                 }else{
                
                 alert("协议未选中!");
                 return false;
                 }
                 });
 
    </script>
        
   <div ><input type="checkbox" id="check" /><b>我已阅读乐教协议</b><br/><a href="" id="down" onclick=""> 下一步</a></div>  

从以上案例可以看出事件在事件源之上,所以程序运行之后。当你再去触发事件源时,事件是不会调用的。
但是如果将事件放在事件源下面则可以调用。

案例如下:
<div ><input type="checkbox" id="check" /><b>我已阅读乐教协议</b><br/><a href="" id="down" onclick=""> 下一步</a></div>  
script type="text/javascript">
     $("#down").bind("click",function(){
                  var fal=$("#check").attr("checked");
                 if(fal){
                 return true;
                 }else{
                
                 alert("协议未选中!");
                 return false;
                 }
                 });
 
    </script>

总结:从上面的案例可以看出对于jquery中有的事件写在<head>中,为什么无法调用的原因。
这就是为什么写在<head>标签中jquery事件,必须写在($(document).ready(function(){
  // 在这里写你的代码...
});)之中,其原因还是因为加载窗体完毕后调用事件就类似于将事件放在事件源之后。


------------------------------------------------
禁用所有的超链接:
$(function(){
$("a").bind("click",function(){return false;});
});

禁用指定的超链接:
$(function(){
$("#id名").bind("click",function(){return false;});
});
----------------------------------------------
禁用文本框和按钮:$("#id名").attr("disabled",true);当为true时为禁用
获取多选框的选中状态:$("#id名").attr("checked");
--------------------------------------------


----------------------------------------------------------------------
失去焦点调用方法:
$("#id名").blur(function () {} );
注意:当使用失去焦点调用方法时,如果想获取文本框的值必须将获取值的方法,放在失去焦点方法内才能获取
例如:成功获取
<script type="text/javascript">
  $("#bb").blur(function(){
  var con=$("#bb").val();//jquery获取文本框值的方法
   alert(con.length);
  });
  </script>
-----------------------------------
  不能成功获取案例如下:
  <script type="text/javascript">
  var con=$("#bb").val();//jquery获取文本框值的方法
  $("#bb").blur(function(){
 
   alert(con.length);
  });
  </script>
  ————————————————————————————————
  注意:当使用jquery事件时,将<script type="text/javascript"></script>放在<head></head>和<body></body>中是有区别的
  例如放在<head></head>中则需要使用jquery中的加载窗体完触发事件($(document).ready(function(){});)
  如果放在<body>标签中是不需要窗体加载事件的,但必须放在触发事件源(触发事件的地方)的下面;
  在<head></head>标签中使用案例如下:
    <script type="text/javascript">

  $(document).ready(function(){
 
  $("#hh").blur(function(){
  var con=$("#hh").val();
   alert(con.length);
  });
});
  </script>
 
  -------------------------
  在<body></body>标签中使用案例如下:
   <script type="text/javascript">
  $("#bb").blur(function(){
  var con=$("#bb").val();
   alert(con.length);
  });
  </script>
-----------------------------


---------------------------------------
获取文本框的值:$("#id名").val();
获取文本框的字符串长度:获取的值.length;
--------------------------------

加载完窗体触发的事件:(注意:在jquery中使用某些事件时必须先要加载窗体才能触发其事件)
$(document).ready(function(){
  // 在这里写你的代码...
});

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。