JQuery学习之一：（加载函数，获取画面元素，一些简单的函数【each】【find】【focuse】【blur】）
前言：
最近项目一直很忙，没有时间对工作进行总结；
今天是2013年1月18日
项目UT结束，对项目中的JQUERY知识进行一下总结
1·如何加载JQuery函数。
在使用js时，我们都知道一下这样
<body onload="myFunctionName();">
<body>
就可以在页面加载时，载入js函数了。
JQuery是使用以下方式实现的
$(document).ready(function(){
clearMoneyIniValueOnBlur();
});
2如何获得画面上的元素(选择器)
方法一：
使用选择器获取（类选择器[.myStyle]；ID选择器[#myStyle]）
$(".money"）
方案一进一步引申：
上面是获取所有class=money的标签。（例：<p class="money"> <th class=money>）
我们也可以进一步精确指定某个有特定样式的标签
$("th.money"）
方法二：
通过标签元素获取
$("form")
方案二进一步精确，
在我们通过元素获取时，还可以知道元素的名字，比如
$("form[name=user01Form]")
3变量
$(this)
4一些简单的方法
each方法
find方法
5一些动作函数
（函数执行用户自定义的方法 [method(function(){});]）
focus函数
blur函数
<script type="text/javascript" src="./jquery-1.8.js"></script> <script type="text/javascript"> $(document).ready(function(){ clearMoneyIniValueOnBlur(); }); function clearMoneyIniValueOnBlur(){ $($(".money"), $("td.money"), $("form"), $("form[name=user01Form]")).each(function(i){ $(this).find("input[type=text]").focus(function(i){ if($(this).val()=="-"){ $(this).val(""); } }); $(this).find("input[type=text]").blur(function(i){ $(this).val($(this).val()==""?"-":$(this).val()); }); }); } </script> <style> .money{background-color:"red";} </style> <body> ===========================================<br> 说明：当光标放到下面的入力框中时，自动删除"-"； <br> 如果没有任何改动,光标离开时，自动添加"-" <br> ===========================================<br> <form action="" name="user01Form"> <table> <tr> <TD>金额1:</TD> <TD class="money"> <input type="text" name="money1" value="-"<br> </TD> </tr> <tr> <TD>金额2:</TD> <TD class="money"> <input type="text" name="money2" value="-"> </TD> </tr> </table> </form> </body>
sss