JQUERY新手学习笔记

作者：xrend 来源：IT步行网时间：2008-09-28 12:43:00　

学习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加载完成后触发调用。

标签：JQUERY,笔记,javascript

投稿

JQUERY新手学习笔记

猜你喜欢

SQL Server与Oracle数据库在安全性上的异同

CSS浏览器兼容方案

一个sql查询器，自动画表格填字段

javascript新闻图片轮换类

SQL查询效率-100w数据查询只要1秒

MySQL最好的优化技巧

CSS 针对 Safari（WebKit）的 CSS 注意事项 3

Window.Open详解

CSS的另类拼图___减少HTTP请求

JavaScript版的DateAdd、DateDiff、IsDate函数

商品评论的设计

Javascript的一种模块模式

sql之IN和BETWEEN条件运算

Asp中如何快速分页的技巧

使用 WinHttpRequest 伪造 Referer （附实战代码）

HMAC算法--asp源码

用VB生成DLL封装ASP代码一个例子：连接access数据库等

Web页面空间利用率的思考

asp按关键字查询XML的代码

sqlserver 多库查询 sp_addlinkedserver使用方法（添加链接服务器）