存学 |jquery例子|Flex例子|ASP例子|.net学习

首先来说JQuery是JavaScript的一种框架,而框架的出现就是为了更方便,更简洁的使用JavaScript,所以我介意大家可以直接看看Jquery的API文档,非常简单,基本每个功能都写上了一个很简单小巧的例子,JQuery不需要有特殊的运行环境,只要你的机器有游览器就可以了.

个人感觉,JQuery最好的地方就是选择器,和ajax做的非常没话说,性能上也OK.

有人说JQuery的美观不好,可以明确的告诉各位,jquery UI的包安装上以后,非常好看. (1M左右)

看好API 记住每个功能的用途,就已经算是学会了JQ.

而如何能把JQuery应用好,才是一个真正的大问题.

先看例子 后解释

http://www.savelearn.com/web/index.php/jquery-click-img/

简单的漏下源码,不做太多解释了,看不懂可以到论坛留贴给我.

(continue reading…)

jquery当中我们会经常的使用到each. 因为each可以循环的对每个选择中的内容进行操作.

例如:

$(“p”).each(function(){
$(this).html(“我被改变了.”);  //这里的this就是这当前循环到的p.
});

很简单的将所有p里面的内容都替换了.

我们再来看一段 each .

$(“p”).each(function(i,dom){
$(this).html(i+”-”+dom);
});

呵呵,是不是更有意思呢 ?

这里的i就是当前出现的第几个P ,也省去我们自己去算出有多少个和第几个P的麻烦了.

当然我举得可能只是一个小小的例子. 希望大家能够举一反三.

说的少是因为怕局限了大家的思维,所以要做什么还是靠大家了.

ext当中的window弹出层可以说是css设计中的一个最有效而且能够通用于所有游览器的css

并且可以设置各种属性,但是如果单一为了使用window而需要一个ext包的话就会得不偿失,

因为ext的包是非常大的,在加载过程中会很慢.

所以我用jq加上ext的样式模仿了一个ext的window.

虽然功能比较少,但是希望大家能多多支持吧.

例子地址如下: (当中有下载).

http://www.savelearn.com/web/index.php/like-ext-window/

http://www.savelearn.com/down/jQueryAPI-1.4.zip

http://www.savelearn.com/down/jquery-1.4.2.js

需要的话 可以从上面的地址下载。

希望能帮助到你

有任何问题可以到论坛里发帖。

在JQ里有比较简单的隐藏和显示的方法就是hide()和show().

例如 $(“#abc”).hide(); $(“#abc”).show();

hide为隐藏,应该就是css中加了 display:none;

show为显示,同样应该是display:block;

而两个属性都是可以增加,时间和结束后调用的函数

类似:

$(“p”).show(4000,function(){
   $(this).text(“Animation Done…”);
 });

与上篇文章介绍的内容有点类似.

还有一个比较重要的函数是toggle()

$(“#abc”).toggle()

他会将现有的显示或隐藏反转.如果现在是显示,那么执行以后就会变成隐藏,反之亦然.

希望这样简单的隐藏和显示方法,能帮助大家更简单的设计出好看好用强大的JQ.

$(“#mbottom”).animate({top: ”+($(document).height()+350)+’px’}, “1000″ ,function(){
 alert(“HI”);
 });

首先来看一下上面这段代码,在JQ当中animate是动画效果,根据里面的属性(也就是CSS属性)来进行移动,渐变,放大等效果。

上面的代码当中，animate里面是left属性，效果就是从原有的left属性移动至现在设置animate里的left属性的值。而后面的“1000” 就是移动的时间，最后的function就是移动结束时会触发的事件。

然后大家可以根据自己喜欢的效果进行设计了。

我们经常需要用JS判断提交一个表单前的数据格式是否符合规则,为了方便写了一个比较通用的函数,使用方法如下:

HTML:

<form method=”post” action=”post.php” onsubmit=”return getform()”>
<input type=”text” class=”none sql 632″ />
<input type=”submit” value=”提交试试” />
</form>

使用方法很简单,根据你要的规则 给input text 或password 加上class=”规则名”

none 不能为空,
sql 不能有特殊符号 ,
632 只能是输入6到32位 ,
company 只能输入企业代码格式 ,
wordnum 只能输入英文和数字可以为空最大255位,
email 只能输入email格式可以为空,
chinese 只能输入中文可以为空最大255位,
num 只能输入数字可以为空最大255位,
word只能输入字母可以为空最大255位  .

Jquery:

(continue reading…)

可以调用ajax来判断当前是否有新的消息,

并增加提示铃音,如果办理完成就移除提示铃音.

代码中有部分注释,不明白的可以论坛给我回帖.

var mp3url = “calendar/mp3/newMsg.mp3″;

var isget = false;

var sound = null ;

//getajax(“a.html”); 触发事件 返回值 例子: true;newMsg.mp3

(continue reading…)

例如我们在操作一个button来删除页面当中的一个标签

代码如下：

首先我们要确定是删除的哪个标签，最好给个ID或者class

那么jquery如何来删除这个div呢？
$(“#delme”).remove();

这样就可以在页面中清除这个div标签了，依旧是这么简单。

有任何问题可以到论坛里发帖。