JQUERY新手学习笔记
作者:xrend 来源:IT步行网 发布时间:2008-09-28 12:43:00
标签:JQUERY,笔记,javascript
学习JQUERY就应该从最基本的学起,基本的就应该是语法了,在这里,我们有必要先温习一下JAVASCRIPT的一些知识。语法就不用说了,都是些基础的,比如“变量,关键字,保留字,原始值,引用值,原始类型,引用类型,运算符,函数等一些基本的。”在JAVASCRIPT中重要一点的还是继承,和DOM,当然它和XML的联系也很重要。
我在这里只是带过,还得靠大家去看看, 我们的主要目标还是JQUERY。
这里先举一个例子,来了解下JAVASCRIPT,
<html>
<head>
<title>Introduction to the DOM</title>
<script>
window.onload = function(){//onload函数大家应该不会陌生吧
// 这里就用到了DOM了,下面是去找出所有“LI”标签
var li = document.getElementsByTagName("li");
for ( var i = 0; i < li.length; i++ ) {
//这里用到了循环语句“for”作用是给所有的LI标签加载一个事件
li[i].onmouseover = function() {
this.style.backgroundColor = 'blue';
};
li[i].onmouseout = function() {
this.style.backgroundColor = 'white';
};
}
};
</script>
</head>
<body>
<h1>Introduction to the DOM</h1>
<p class="test">There are a number of reasons why the
DOM is awesome, here are some:</p>
<ul id=”na”>
<li id="everywhere">It can be found everywhere.</li>
<li class="test">It's easy to use.</li>
<li class="test">It can help you to find what you want, really quickly.</li>
</ul>
</body>
</html>
这个例子并不难,就是实现鼠标移上去和移开的事件,上面并没有用到JQUERY,下面我们来用JQUERY实现上面的效果,
$(document).ready(function() {
$("#na li ").hover(function() {
$(this).addClass("name1");
}, function() {
$(this).removeClass("name2");
});
1,在JQUERY中基本的操作就是选择文档中的某个值,一般都是通过用$()来完成,而且里面的参数可以是CSS中的任何选择符表达式。
2,加入新类是jQuery中独有的特性,.addClass()方法及其相反的方法.removeClass()可是更好的为我们的文档添加或删除样式 ,平时我们的javascript执行文档代码都是通过window.onload()方法,而jQuery有点特别,它是通过$(document).ready()结构来等DOM加载完成后触发调用。
0
投稿
猜你喜欢
- 相关的题外话:一、操作系统window系统内部都是unicode的。文件夹名,文件名等都是unicode的,任何语言系统下都能正常显示。二、
- asp替换函数如下:Function ReplaceNoIgnoreCase(str,replStr) &n
- 当你链接到应用程序以使用MySQL客户端库时,可能会遇到以mysql_开始的未定义引用错误,如下所示:/tmp/ccFKsdPa.o: 在函
- 有这样一类文章标题,喜欢学习的人肯定见过:使用Google的7个技巧Web设计中9个常见的可用性错误Adobe Photoshop 75个技
- 什么是Canvas<canvas> 是一个新的 HTML 元素,这个元素在 HTML5&
- 阅读上一篇文章《WEB2.0网页制作标准教程(5)head区的其他设置》在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。
- 一般我们能过VS2005的SQL explorer来添加一个本地的MDF文件。也许你可能会出现下面这个问题:Exception Detail
- 让 PHP 支持 MySQLPHP 有专有的 MySQL 函数库以使用操作 MYSQL 数据库。在 PHP 5 及以后版本中不再
- 大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,网页设计初学者可能不知道怎么处理,下面是CSS如何将他们换行的方法!对
- javascript版 俄罗斯方块(Russian box)小游戏,喜欢的朋友可以玩玩。对源代码感兴趣的朋友也可以研究一下。玩法介绍:可以输
- 网站标准(或称“WEB标准”)对于每一个开发网站和做网页的人来说,都是不可忽视的,这不仅是一个潮流,而是一个标准,一个更加符合规范的做法,而
- 看看下面这个刚才提到的下拉列表的例子,就是将Application Object作为一个变量用来存储下拉列表的菜单项的:<%=&nbs
- JavaScript中的字符串函数没有像VBScript\ASP中的内部函数那么全.不能像VB那样直接利用left和right函数来实现对字
- CSS浮动一直是个比较让人郁闷的问题,很多的布局问题都出在浮动上,特别是当浮动的列数很多时,但其实只要理解了两列结构的浮动,面对多列数的浮动
- 从MySQL 5.0.2开始,通过mysql_stmt_attr_set() C API函数实现了服务器端光标。服务器端光标允许在服务器端生
- 首先安装WSH,NT(SERVER、WORKSTATION)、W2K服务器上需要安装WSH2.0或者更高版本。然后,参照下列代码即可:<
- 在oracle数据库的开发中,常因为时间的问题大费周章,所以特地将ORACLE数据的日期函数收藏致此。乃供他日所查也。 add_months
- 代码如下:using System; using System.Data; using System.Configuration; usin
- VBSCRIPT中的日期,时间,星期函数很丰富,给我们使用带来了很大的方便,我个人使用最多的就是用now()来获取服务器的当前日期和时间。但
- Jabob Nielsen提出的10个可用性原则中有一个原则-防止出错(Error Prevention)。官网中有对这一原则的具体解释,这