jquery的使用

浏览数：24 / 时间：2015年06月09日

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>
-----------------------------