jQuery学习笔记(1)

seatop , 2011年7月23日 , 计算机与网络 , 评论(0) , 引用(0) , 阅读(1683) , Via 本站原创
jQuery是什么

jQuery是一个比较容易学习使用的javasript函数库(开发框架),所以我选择了她。

Highslide JS


她由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入,包括来自德国的Jörn Zaefferer,罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。

jQuery能做什么

HTML元素的选取与操作,CSS操作,HTML事件,JS特效与动画,AJAX等等

在哪儿下载jQuery

推荐官网下载 http://docs.j...oading_jQuery

怎样引用jQuery

与引用外部JS文件一样,在
<head></head>
标签内使用script标签,如:
<script  type="text/javascript" src="jquery.js"></script>


一个简单的、基本的例子

建议使用外部JS文件,这样便于修改和管理。

在example.js(也需在html文件中引用的)中写如下代码:
$(document).ready(function(){
          $("p.example").click(function(){
                 $(this).hide();
          });
});


在example.html中有如下代码:
<p class="example">点击此处就会消失!</p>


这个例子的效果是,鼠标点击文字后,这段文件将隐藏。

当中的
$(document).ready()
$("p.example").click()
$(this).hide()

代表着jQuery的语法:什么(对象).怎么样(操作、动作)

怎样选取对象?$(对象名),document对象为每个载入浏览器的HTML文档,是window对象的一部分;this对象代表当前HTML对象;"p.example"为class名为example的p对象。

ready()函数为文档完全加载后才发生的事件,一般都应该使用。它仅能用于当前文档,所以无需选择器,因此有三种语法:
1.$(document).ready(function)
2.$().ready(function)
3.$(function)


click(function)事件为点击元素后发生。

hide(speed,callback)为jQuery的效果方法,如果被选元素已被显示,则隐藏该元素。speed为隐藏的速度,可选,默认为“0”,可为毫秒数,如hide(1000),"slow”,"normal","fast"。callback,可选,hide函数执行完毕后要执行的函数。

与hide函数相对的就是show函数,它们的参数及用法相同。
Tags: ,

学习JAVASCRIPT(4)

seatop , 2010年2月15日 , 计算机与网络 , 评论(0) , 引用(0) , 阅读(1827) , Via 本站原创
图片轮播实例

<script type="text/javascript">
var picurl=new Array()
picurl[0]="http://www.seatop.com.cn/attachment.php?fid=77";
picurl[1]="http://www.seatop.com.cn/attachment.php?fid=78";
var t;
var c=0
var t
function timedCount()
{
m=c%2;
document.piclb.src=picurl[m];
c=c+1;
if(c==2){c=0;}
t=setTimeout("timedCount()",2000);
}
</script>
<img name="piclb" src="http://www.seatop.com.cn/attachment.php?fid=77"  width=300 height=200>
<script type="text/javascript">
timedCount();
</script>

Tags: ,

学习JAVASCRIPT(3)

seatop , 2010年2月11日 , 计算机与网络 , 评论(2) , 引用(0) , 阅读(2261) , Via 本站原创
事件
当用户进入或离开页面时就会触发 onload 和 onUnload 事件
onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单
onSubmit 用于在提交表单之前验证所有的表单域
onMouseOver 和 onMouseOut 用来创建“动态的”按钮

测试代码中的错误
try{}  catch{}

插入特殊字符,在其前用反斜杠

对象 http://www.w3...bj_string.asp
属性
方法

开始实例编写
<script type="text/javascript">document.write("<h2>hello!</h2>");</script>


Tags:

学习JAVASCRIPT(2)

seatop , 2010年2月11日 , 计算机与网络 , 评论(0) , 引用(0) , 阅读(1688) , Via 本站原创
条件语句
if(条件){...}else{...};
switch(变量)
{
case 1:语句
break
case 2:语句
break
default:语句
}  

消息框
警告:alert();
确认:confirm();
提示输入:prompt("提示信息","默认输入值");

函数
定义函数:function(必须小写) 函数名(量){代码}
函数返回值 return

循环语句
for(变量=初始值;变量结束条件;变量变化语句){执行代码}
while(变量条件){执行语句}
do{执行语句}while(变量条件)  区别:判断的先后不同
循环终止:break(跳出循环) continue(本次循环)
for in  可列遍数组或对象
Tags: ,

学习JAVASCRIPT(1)

seatop , 2010年2月11日 , 计算机与网络 , 评论(0) , 引用(0) , 阅读(1568) , Via 本站原创
想用Javascript写图片轮播,不甘于网上现成儿的代码,花半天时间来研究一下吧!

只看没效果,权当博客为草稿纸,且以备查阅。

html中怎样嵌入:
<script type="text/javascript>代码</script>

为确保载入可放在head部分

怎样在页面输出:
document.write("……");


引用外部的js文件:
<script language="javascript" src="url"></script>


js的每行语句后应加“;”

注释,单行以“//”开始(也可用在每行语句后面),多行用“/*  注释  */”

变量,区分大小写,只能以字母后下划线开头。用var声明变量,可直接赋值。

运算
算术运算:+ - *  /   %   ++   --
赋值运算:= += -+ *= /= %=
字符串连接:+(数字与字符串相加,结果将成为字符串)
比较运算:==  ===(值和类型全相同) !=  > <  >= <=
逻辑运算:&&(且) ||(或)  !(非)
条件运算:变量=(条件)?值1:值2;
Tags: ,
分页: 1/1 第一页 1 最后页 [ 显示模式: 摘要 | 列表 ]
百度搜索
最新日志
主机推荐
热门Tags