JQuery学习之一：（加载函数，获取画面元素，一些简单的函数【each】【find】【focuse】【blur】）

最新推荐文章于 2021-03-02 16:04:11 发布

sun0322

最新推荐文章于 2021-03-02 16:04:11 发布

阅读量1.6k

点赞数

分类专栏： # JQuery

本文链接：https://blog.csdn.net/sxzlc/article/details/8518703

版权

JQuery 专栏收录该内容

2 篇文章 1 订阅

订阅专栏

前言：

最近项目一直很忙，没有时间对工作进行总结；

今天是2013年1月18日

项目UT结束，对项目中的JQUERY知识进行一下总结

1·如何加载JQuery函数。

在使用js时，我们都知道一下这样

<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

sun0322

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery学习之一：（加载函数，获取画面元素，一些简单的函数【each】【find】【focuse】【blur】）

前言：最近项目一直很忙，没有时间对工作进行总结；今天是2013年1月18日项目UT结束，对项目中的JQUERY知识进行一下总结1·如何加载JQuery函数。在使用js时，我们都知道一下这样就可以在页面加载时，载入js函数了。JQuery是使用以下方式实现的$(document).ready(function(){ clear
复制链接

扫一扫